如何使用jQuery在任意位置的UL中添加LI

How to add LI in UL in arbitrary position using jQuery

本文关键字：UL 添加 LI 位置 何使用 jQuery 任意      更新时间：2023-09-26

我想在现有的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()而不是append 

$("#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>');

尝试预谋。

$("#friends").prepend('<li><a href="javascript:void(0);" class="new">Friend 1</a></li>');
相关文章：