如何使用jQuery显示和隐藏表行?

时间:2009-06-23 14:19:11

标签: jquery html

我有一个常规的HTML表格,如何使用jQuery显示和隐藏表格行?

5 个答案:

答案 0 :(得分:4)

每隔5行隐藏一次:

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

示例:http://jsbin.com/epeto

答案 1 :(得分:1)

迭代表中的tr元素或将id添加到你的trs并使用该ID调用jQuery中的show / hide函数

答案 2 :(得分:1)

此外,您可能希望查看.toggle()函数。

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

这将显示/隐藏它并不断切换......

答案 3 :(得分:0)

为了补充Nuno上面的答案,JQuery的toggle()函数对你也很有用

答案 4 :(得分:0)

我会避开show并隐藏表行的方法。它们导致x-browser的糟糕ui效果。我发现fadeIn / Out可以更好地运行x-browser。