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/

此时只是展示了另一种解决方案

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);
});

jQuery - 经过多少元素添加html！

3 个答案: