jQuery nth-child之后添加html

Question

我有一个简单的无序列表,包含16个列表项.我想使用jQuery在每四个现有列表项之后添加一个新的列表项

我该怎么办？代码如下:

<ul>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>

    <li class="clear">This is what I want to add</li>

    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>

    <li class="clear">This is what I want to add</li>

    and so on...
</ul>

Answer 1

使用:nth-child选择器(文档):

$('ul li:nth-child(4n)').after('<li class="clear">This is what I want to add</li>')