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

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');