jQuery nth-child添加html之后

前端之家收集整理的这篇文章主要介绍了jQuery nth-child添加html之后前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的无序列表,有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>

解决方法

使用:第n个子选择器( documentation):
$('ul li:nth-child(4n)').after('<li class="clear">This is what I want to add</li>')
原文链接:https://www.f2er.com/jquery/179403.html

猜你在找的jQuery相关文章