jQuery - 在第四個之後選擇所有表格行

是否有可能在第四個之後選擇表格的所有行？我想隱藏其餘的。jQuery - 在第四個之後選擇所有表格行

<table class="mytable"> 
<tr><td></td></tr> 
<tr><td></td></tr> 
<tr><td></td></tr> 
<tr><td></td></tr> 

<tr><td></td></tr> 
<tr><td></td></tr> 
</table>

來源

2012-08-25 domino

您可以使用:gt()選擇：

$(".mytable tr:gt(3)").hide();

另一種選擇是使用slice()方法：

$(".mytable tr").slice(4).hide();

DEMO：http://jsfiddle.net/F937n/

來源

2012-08-25 22:58:01 VisioN

不是['.slice（）']（https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/slice）只是一個本地Javascript方法（和jQuery對象使用它作爲本地）？ –

@JaredFarrish關注[來源]（http://code.jquery.com/jquery.js）jQuery使用本機版本。 – VisioN

哦，你的意思是[這裏]（https://github.com/jquery/jquery/blob/master/src/core.js#L21）？ ';）' –

如果一個lways想第四屆一個隱藏在完成所有行，那麼就不會標準的CSS nth-child更清潔，假設你的browser supported it：

.mytable tr:nth-child(n+5) { 
    display:none; 
}

當然了jQuery相當於將使其工作在較舊的瀏覽器也：

$('.mytable tr:nth-child(n+5)').hide();

來源

2012-08-25 23:12:36 andyb

jQuery - 在第四個之後選擇所有表格行

回答

相關問題