HTMLを使用してhrmlタグを1つずつ取得する方法は？

Question

選択された要素のHTML全体を取得したいのですが、contents. .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> 

私は使用できません。私は1つのpタグごとに、どのように各ステートメントを使用してこれを取得する必要があります。いずれかが助けてください。

Answer 1

すべての子供を取得し、それらを繰り返します。 HTMLコンテンツはDOM要素のouterHTMLプロパティから取得できます。 jQueryのeach()方法を用いて

// 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>

---

。

$('#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>

Answer 2

あなたが.children()を必要とする、.html()を必要としません。

$('#div1').children().each(function (index, childEl) { 
    console.log(childEl); 
}); 

https://api.jquery.com/children/