Как .remove() по количеству

Question

Здесь есть HTML:

<div class="line"></div> 
<div class="line"></div> 
<div class="line"></div> 
<div class="line"></div> 

Вот Jquery:

if ($(".line").length > 2) { 
    //remove all other div.lines but keep the first 2 
} 

Как вы это делаете?

Answer 1

$(".line:gt(1)").remove(); 

Вы можете использовать селектор JQuery в gt. Выбирают те индексы, которые являются больше 1.
См. Jsfiddle http://jsfiddle.net/X7a4Z/1/.

Answer 2

Для этого вы можете использовать функцию slice(). Он возвращает части массива.

$(".line").slice(0, 2); 

Answer 3

Объединить со старой хорошей простой JavaScript:

$(".line").slice(2).remove();​ 

http://jsfiddle.net/qwQWV/

Или вы можете использовать только JQuery:

$(".line").filter(':gt(1)').remove();​​​ 

Answer 4

$('.line:gt(1)').remove(); 

или

$('.line').each(function(pos) { 
    if(pos > 1) { 
     $(this).remove(); 
    } 
});