如何使用jQuery或Javascript隐藏具有相同id的所有表行?
我有一个表格,其行具有彼此的自定义属性。 我想使用jQuery(或Javascript)隐藏除父行之外的所有表行。 我怎么能这样做?
Parent Child Child Child
编辑:对我来说哇大错,我非常抱歉,我的意思是自定义属性。 更新!
使用您的新示例,可以使用jQuery的atribute equals
选择器( 此处 )。 看看这个美味小提琴 。
基本上,在你的选择器中,你需要这个:
$("table tr[group='2']").hide()
当然,这是可定制的。 重要的是tr[group='2']
编辑
这个更新的小提琴应该有效。 如果有人可以发布更好的方式,请做。
它增加了以上这一行:
$("table tr[group='2']").filter(":not(:first)").hide();
它们不能具有相同的ID,ID标记必须是唯一的
你可以简单地使用: $("table tr:gt(0)").hide()
(这只适用于没有嵌套表的情况)
您不能在两个HTML元素上使用两次相同的ID。 此外,您无法使用数字启动ID。
如果您可以更改HTML标记以使用类,如下所示:
Parent Child Child Child
然后,你会这样做:
$('.one').hide();
您不应该使用ID,仅在页面上重复元素时使用类,因为ID指的是唯一的,每页只能使用一次。 将id
属性替换为class
,然后您可以使用此代码:
$('table tr[group=1]').hide();