2012-02-21 61 views
1

這裏一個.remove()是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 
} 

你如何做到這一點?

回答

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

您可以使用jQuery的gt選擇。此選擇索引是大於 1.
請參閱jsfiddle http://jsfiddle.net/X7a4Z/1/

+1

沒有必要使用':gt(1)'檢查選擇元素的數量 – Cheery 2012-02-21 07:16:18

+0

是的,你是對的,我只是複製了@Tee Tee的代碼。 – 2012-02-21 07:18:19

1

您可以使用slice()函數。它返回數組的一部分。

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

與老好普通的JavaScript組合:

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

http://jsfiddle.net/qwQWV/

或者你也可以只使用jQuery的:

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

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