我试图循环遍历一个标签
的子元素,并且希望保留它们各自的标签
。例如:
<div class='main'>
<p>First p</p>
<div class='1'>Div 1</div>
<div class='2'>Div2 <p>Another P</p></div>
</div>
我希望能够像下面这样遍历子元素:
<p>First p</p>
<div class='1'>Div 1</div>
<div class='2'>Div2 <p>Another P</p></div>
我正在尝试的代码如下:
const block = body.find('div.main')
const children = block.children().each((i, el) => {
console.log("===")
console.log($(el).html()) //Also tried $(this).html(), but returns null
})
结果:
===
First p
===
Div 1
===
Div2 <p>Another P</p>
但是结果给了我每个子元素内部的所有内容,这不是我想要的。我希望保留它们各自的<p>
或<div>
标签。
其他尝试使用outerHTML
的方法似乎都不起作用,即它们都返回了undefined
。我尝试过以下方法:
console.log($(el).prop('outerHTML'));
console.log($(el).outerHTML);
console.log($(el)[0].outerHTML);