-1

ここに4つのリスト項目があります

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
</ul>

サーバーからアイテムを更新したいので、AJAX 呼び出しを記述します。

$.ajax({
    ....
    $('ul').append('new 4 items from server');
});

AJAX 呼び出し後の項目

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
    <li>new1</li>
    <li>new2</li>
    <li>new3</li>
    <li>new4</li>
</ul>

Fourth, new1...new4したがって、合計アイテム数は8です。最後の5アイテムを保持し、残りを削除したいと思います。これどうやってするの？

4

1 に答える 1

3

:lt(index)セレクターを使用できます。

$('ul li:lt(3)').remove();

li最後の 5 つの要素のみを保持したい場合はeq、andprevAllメソッドを使用できます。

$('ul li').eq(-5).prevAll().remove();

または、新しい要素を追加する前に、最後の要素を除くすべてのリスト要素を削除します。

于 2013-04-16T04:06:04.283 に答える