come inserire un nuovo tag li nella posizione specificata?

Question

Ho voluto inserire un tag li nel mezzo di un elenco di tag li basato su una classe css impostata sul tag li usando jQuery. Si consideri il seguente

<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> 

ho voluto inserire un nuovo tag li dopo il tag li impostato su attivo. Quindi l'output sarà così.

<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> 

ho provato con .appendTo, .insertAfter, .Append ecc, ma non ha potuto ottenere il risultato che volevo. Qualche idea su come questo possa essere ottenuto?

Answer 1

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

Answer 2

Prova questo:

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