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

您可以使用after方法和:first选择器：

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

Answer 2

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

您可以使用.after或.insertAfter来更准确地了解DOM树中的位置。