comment insérer une nouvelle étiquette li à l'emplacement spécifié?

Question

Je voulais insérer une balise li au milieu d'une liste de balises li basée sur une classe css définie sur la balise li en utilisant jQuery. Considérez ce qui suit

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

Je voulais insérer une nouvelle étiquette li après que l'étiquette li soit activée. Donc, la sortie sera comme ça.

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

J'ai essayé avec .appendTo, .insertAfter, .append etc., mais n'a pas pu obtenir le résultat que je voulais. Une idée de comment cela peut-il être réalisé?

Answer 1

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

Answer 2

Essayez ceci:

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