javascript - 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 选择的元素附加或附加一些内容时，它将被附加或附加到所选元素内的内容中。

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

您可以使用 .after 或 .insertAfter 来更精确地放置在 DOM 树中。

2 回答 2