javascript - 如何使用HTML一一获取html标签？

Question

我希望获取所选元素的整个 html，而不仅仅是它的 内容。根据文档，.html() 使用 javascripts innerHTML() 方法。 HTML:

  <div id="div1">
    <p>Some Content</p>
    <p>Some Content</p>
  </div>

使用$("#div1").html()。返回的div标签的空洞内容

<p>Some Content</p>
<p>Some Content</p>

我无法使用 .我需要一一的 p 标签，如何使用每个语句来获取它。请任何人帮忙。

Answer 1

获取所有子级并迭代它们。 html内容可以从outerHTML获取dom元素的属性。

// for older browser compatibility use [].slice.call instead of Array.from
Array.from(document.querySelectorAll('#div1 p')).forEach(function(ele) {
  console.log(ele.outerHTML);
})

<div id="div1">
  <p>Some Content</p>
  <p>Some Content</p>
</div>

<小时/>

使用 jQuery each()方法。

$('#div1 p').each(function() {
  console.log(this.outerHTML);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
  <p>Some Content</p>
  <p>Some Content</p>
</div>