Question

我有这个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>

我正在尝试按顺序在div之后添加article。

看起来像这样：

<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>

我尝试过很多东西，但似乎都没有解决问题。

一些帮助将不胜感激。

Answer 1

在jquery中结合使用第n个子选择器。

$('article:nth-child(4n)').after('')

Answer 2

$('article + article + article + article').after('<div> Hello </div>')

Answer 3

使用喜欢

$(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

按顺序在4篇文章后添加div

3 个答案: