cách chèn thẻ li mới tại vị trí được chỉ định?

Question

Tôi muốn chèn một thẻ li ở giữa danh sách các thẻ li dựa trên một lớp css được đặt thành thẻ li bằng cách sử dụng jQuery. Hãy xem xét những điều sau đây

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

Tôi muốn chèn một thẻ li mới sau khi thẻ li được đặt thành hoạt động. Vì vậy, đầu ra sẽ như thế này.

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

Tôi đã thử với .appendTo, .insertAfter, .append… nhưng không thể có được kết quả mong muốn. Bất kỳ ý tưởng làm thế nào điều này có thể đạt được?

Answer 1

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

Answer 2

Hãy thử điều này:

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