jQuery Mobile的：無序列表

Question

我有一個無序列表如下：

<ul id="mylist"> 
    <li id="1">Heading</li> 
    <li id="2">Second</li> 
</ul> 

我想要做的是，當我添加另一個列表項：

<li id="3">First</li> 

它需要前置到「mylist」中第一個列表項下面的列表項。即在這種情況下，就在'標題'下方。所以最終的清單看起來是這樣的：

<ul id="mylist"> 
    <li id="1">Heading</li> 
    <li id="3">First</li> 
    <li id="2">Second</li> 
</ul> 

在此先感謝。

---

注：我從想實現這個教訓是，當我們追加或預先準備一些內容與jQuery中的一種元素，它會得到前置或後置到選定的元素裏面的內容。

Answer 1

http://api.jquery.com/after/

可以使用。之後，或.insertAfter，爲更加精確的關於DOM樹的位置。

Answer 2

您可以使用after方法和:first選擇：

$('#mylist li:first').after('<li id="3">First</li>')