jQuery - 要素の数の後にhtmlを追加！

Question

div内の要素と3つの要素の後にhtmlオブジェクトを追加できるかどうかを知る必要があります。

<div id="wrapper"> 
<a href="#">1</a> 
<a href="#">1</a> 
<a href="#">1</a> 
//insert html with jQuery here 
<a href="#">1</a> 
<a href="#">1</a> 
<a href="#">1</a> 
//insert html with jQuery here 
<a href="#">1</a> 
<a href="#">1</a> 
<a href="#">1</a> 
//insert html with jQuery here 
</div> 

Answer 1

$('#wrapper a').each(function(i,e){ 
    if (((i+1) % 3) == 0) 
    $(this).after('<p>Hello, world.</p>'); 
}); 

はあなたの要素のインデックスを与える.eachの「i "のパラメータを利用してください。 Moduloを使用して3番目のアイテムを取得して追加するよりも、

の作業例：この時点でhttp://www.jsfiddle.net/hd7FP/1/

はちょうど私が彼がそれらの場所でのhtmlを挿入する代わりにAPPENDの）（.after使用する必要があるだろうと思い代替ソリューション

Answer 2

nth-child-selectorをご覧ください。基本的には

：

$("#wrapper a:nth-child(3n)").after("<span>I'm new.</span>"); 

Answer 3

$('#wrapper a').each(function(index) { 
    if ((index+ 1) % 3 == 0) 
    $(this).after(content); 
});