2010-04-05 116 views
11

我想在基於使用jQuery設置爲li標籤的css類的li標籤列表中插入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等,但無法獲得我想要的結果。任何想法如何實現?

回答

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

該工程..謝謝..! – Amit 2010-04-05 11:20:55

2

試試這個:

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

感謝你也.. ..!工作很好.. – Amit 2010-04-05 11:21:17

+0

@Amit:不客氣.... – Sarfraz 2010-04-05 11:28:51

相關問題