2

既存の 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 を挿入する位置を指定するにはどうすればよいですか?

4

2 に答える 2

7

代わりに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>');
于 2013-04-01T18:16:07.490 に答える