按顺序在4篇文章后添加div
按顺序在4篇文章后添加div
提问于 2014-06-20 11:53:26
我有这个html代码：
<div class="wrap">
<h2></h2>
<article></article>
<article></article>
<article></article>
<article></article>
<h2></h2>
<article></article>
<article></article>
<h2></h2>
<article></article>
<article></article>
<article></article>
<article></article>
<h2></h2>
<article></article>
<article></article>
<article></article>
<h2></h2>
<article></article>
</div>我正在尝试按顺序在4 article之后添加一个div。
它看起来像这样：
<div class="wrap">
<h2></h2>
<article></article>
<article></article>
<article></article>
<article></article>
**<div></div>**
<article></article>
<h2></h2>
<article></article>
<article></article>
<article></article>
<article></article>
**<div></div>**
<article></article>
<article></article>
<h2></h2>
<article></article>
<article></article>
<article></article>
<h2></h2>
<article></article>
</div>我试过很多方法，但似乎都不能解决问题。
如果能得到一些帮助，我们将不胜感激。
回答 3
Stack Overflow用户
发布于 2014-06-20 11:58:07
结合使用jquery中的第n个子选择器和after。
$('article:nth-child(4n)').after('')Stack Overflow用户
发布于 2014-06-20 12:04:19
$('article + article + article + article').after('<div> Hello </div>')Stack Overflow用户
发布于 2014-06-20 12:50:11
使用Like
$(document).ready(function (){
var d = "<div>Data of the Page Added</div>"
//$('div.NewsResultsList table tr:nth-child(2)').before(d); //add to before
$('div.NewsResultsList table tr:nth-child(2)').after(d); //add to after
})Demo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24319654
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号