我想在现有的 UL 中添加 LI。我的 HTML 是这样的:
<ul id="friends">
<li><a href="javascript:void(0);" class="new">Friend 2</a></li>
<li><a href="javascript:void(0);" class="new">Friend 3</a></li>
<li><a href="javascript:void(0);" class="new">Friend 4</a></li>
<li><a href="javascript:void(0);" class="offline">Friend 6</a></li>
<li><a href="javascript:void(0);" class="offline">Friend 7</a></li>
<li><a href="javascript:void(0);" class="invited">Friend 8</a></li>
</ul>
我知道我可以用它来添加 LI 和
$("#friends").append('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>');
但它会添加到最后一个位置,我想将它添加到第一个位置或中间。如何指定要插入LI的位置?
最佳答案
您必须使用prepend()而不是追加
$("#friends").prepend('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>');
要附加到特定位置,您可以使用 eq()
$("#friends li").eq(4).append('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>');
关于javascript - 如何使用 jQuery 在 UL 中的任意位置添加 LI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15749021/