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 来获取第三项并追加。

工作示例:http://www.jsfiddle.net/hd7FP/1/

此时仅显示替代解决方案