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

我想在基于使用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等,但无法获得我想要的结果.有什么想法能如何实现？

解决方法

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