Javascriptを：ループのすべての子ノードを介して

Question

ので、たとえば、私はので、私が作成した

<div class="tab-page1 identify">//something</div> 

<div class="tab-page2 identify">//something</div> 

<div class="tab-page3 identify">//something</div> 

<div class="tab-page4 identify">//something</div> 

そして、私は内容で何かを追加したいHTMLのように下に見えたeasytabで作成したページのブランチを持っています私は何かを行うことができます知っている

$(".identify").html("123"); 

以下のような機能は、最後の子に何かを追加したいが、私はそれを行うことができますどのようにすべての子供に123を追加したいですか？

$(".identify:last-child").html("123"); 

Answer 1

あなたが見つかった各ノードを反復処理し、機能を実行するために.each機能を使用することができます。

$(".identify").each(function(){ 
    $(this).html("123"); 
}); 

Example JSFiddle

Answer 2

をあなたはthis.Checkそれ

を達成するためにループを必要としません

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script> 
 
$(document).ready(function(){ 
 
    $("#btn").click(function(){ 
 
     $(".identify").html("123"); 
 
    }); 
 
}); 
 
</script> 
 

 

 
<div class="tab-page1 identify">//something</div> 
 

 
<div class="tab-page2 identify">//something</div> 
 

 
<div class="tab-page3 identify">//something</div> 
 

 
<div class="tab-page4 identify">//something</div> 
 

 
<button id="btn">Do it</button> 
 

 
</body>

Answer 3

そして、私は内容に

を何かを追加したいのですが、私はそれを行うことができますどのようにすべての子供に123を追加したいですか？

既存htmlコンテンツに新しいhtmlを追加するために.html(function)を使用することができます。

$(".identify").html(function(index, html) { 
 
    return html + 123 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="tab-page1 identify">//something</div> 
 

 
<div class="tab-page2 identify">//something</div> 
 

 
<div class="tab-page3 identify">//something</div> 
 

 
<div class="tab-page4 identify">//something</div>

Answer 4

既存のコンテンツに何かを追加するAPPENDを使用します。

$(".identify").each(function(){ 
    $(this).append("123"); 
});