簡體   English   中英

如何使用jQuery顯示和隱藏表格行?

[英]How can I show and hide a table row using jQuery?

我有一個常規的HTML表,如何使用jQuery顯示和隱藏表行?

每5行隱藏一次:

$('tr:nth(5)).hide()

范例: http//jsbin.com/epeto

迭代表中的tr元素,或在trs中添加ID,然后使用該ID在jQuery中調用show / hide函數

另外,您可能希望查看.toggle()函數。

$('tr:nth(5)).toggle()

這將顯示/隱藏它並不斷切換...

只是為了補充以上Nuno的答案,JQuery的toggle()函數可能對您也有用

我將避免使用表行的show和hide方法。 它們會導致不良的ui效果x瀏覽器。 我發現fadeIn / Out可以更好地使用x瀏覽器。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM