jquery获取outerhtml

jquery获取outerhtml

很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?

因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到

一、jquery获取outerhtml

  •  
  • HTML 代码   复制
  • 
    <li class="test"><p>hello,你好!</p></li>
    <script>
    $(".test").prop("outerHTML");
    </script>
    
    		
  • 二、jquery设置outerhtml

    $('.test').prop('outerHTML', '<input>');

    标签: