Question

我想基于使用jQuery设置为li标签的css类在li标签列表的中间插入li标签。请考虑以下

<ul class="myList">
     <li><a href="#">test 1</a></li>
     <li class="active"><a href="#">test 2</a></li>
     <li><a href="#">test 3</a></li>
     <li><a href="#">test 4</a></li>
    <li><a href="#">test 5</a></li>
    <li><a href="#">test 6</a></li>
</ul>

我想在li标记设置为活动后插入新的li标记。所以输出将是这样的。

<ul class="myList">
     <li><a href="#">test 1</a></li>
     <li class="active"><a href="#">test 2</a></li>
     <li><a href="#">My new Tag</a></li>
     <li><a href="#">test 3</a></li>
     <li><a href="#">test 4</a></li>
    <li><a href="#">test 5</a></li>
    <li><a href="#">test 6</a></li>
</ul>

我试过.appendTo，.insertAfter，.append等但是无法得到我想要的结果。知道如何实现这一目标吗？

Answer 1

$('li.active').after('<li><a href="#">My new Tag</a></li>');

Answer 2

试试这个：

$('<li><a href="#">content here</a></li>').insertAfter('ul.myList li.active');

如何在指定位置插入新的li标签？

2 个答案: