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 选择器 (documentation)：

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