jQuery - 각 div의 각 3 개의 href!

Question

나는

<div class="block-wrap"> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
</div> 

<div class="block-wrap"> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
<a href="#">A</a> 
</div> 

등

와 jQuery를 같은 일부 사업부의의가있다. 3 A HREF 후

$('div.block-wrap a').each(function(index) { 
    if ((index+ 1) % 3 == 0) 
    $(this).after("<span></span>"); 
}); 

이 광고 스팬,하지만 난 사업부 단 2 A HREF에있는 경우, 그것은 하나의 A HREF 후 다음 사업부의 범위를 추가합니다. 각 div에 대해이 계산을 개별적으로 수행해야합니다. 아무도 도와 줄 수 있습니까? 감사합니다.

Answer 1

각 block-wrap에 대해 별도의 반복 작업을 수행하십시오.

예 :http://jsfiddle.net/Q5Bzj/1/

$('div.block-wrap').each(function() { 
    $(this).children('a').each(function(index) { 
    if ((index+ 1) % 3 == 0) 
     $(this).after("<span></span>"); 
    }); 
}); 

---

각 block-wrap 상관없이 무엇을 <span>로 종료 할 경우,이 수행 할 수 있습니다

예 :http://jsfiddle.net/Q5Bzj/

을

$('div.block-wrap').each(function() { 
    $(this).children('a').each(function(index) { 
    if (index % 3 == 2) 
     $(this).after("<span></span>"); 
    }).end().children('a:last-child').after("<span></span>"); 
});