javascript - 如何在特定子元素上使用 jquery 的 html()

Question

我正在尝试对特定子对象使用 jquery 的 html() 函数，例如:

<div id="main">
  <p>I am p tag</p>
  <span> i am span tag</span>
</div>

现在如果我们使用 $("#main").html() 它会同时提供 p 和 span 但如果我只想要p，我该怎么办？

Answer 1

像下面这样尝试，

$("#main p").html()

This will give me I am p tag but i want <p> I am p tag</p>

尝试下面的 outerHTML，

$('#main p')[0].outerHTML

或者您可以将其作为 jQuery 函数，以便您可以链接。

jQuery.fn.outerHTML = function(s) {
    var _this = this[0];
    return _this.outerHTML?_this.outerHTML:(s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html());
};

$('#main p').outerHTML()

演示: http://jsfiddle.net/skram/PMjKR/1/

引用: Get selected element's outer HTML