Jquery 表tr:n仅子级父级
我有嵌套表试图隐藏顶级行。但它也隐藏了嵌套的表行子级。如何仅隐藏顶级行Jquery 表tr:n仅子级父级,jquery,html,Jquery,Html,我有嵌套表试图隐藏顶级行。但它也隐藏了嵌套的表行子级。如何仅隐藏顶级行 <table class='ms-formtable'> <tr></tr> <tr> <table> <tr></tr> <tr></tr> <tr></tr> // it is hide this row also
<table class='ms-formtable'>
<tr></tr>
<tr>
<table>
<tr></tr>
<tr></tr>
<tr></tr> // it is hide this row also
</table>
</tr>
<tr></tr> // just need to hide only this row
<tr></tr>
</table>
//这是隐藏这一行也
//只需要隐藏这一行
代码
$(文档).ready(函数(){
$(“table[class='ms-formtable']tr:n子级(3)”).hide();
});
在此上下文中,您必须使用
子选择器
$("table.ms-formtable > tbody > tr:nth-child(3)").hide();
您正在使用子体选择器。这将选择嵌套的tr
元素。另外,当使用类来定位元素时,不需要使用属性等于选择器。您可以在那里简单地使用类选择器
您必须将tbody
添加为表的直接子项。这是有效的结构。否则HTML将被视为无效,不带tbody的选择器将无法工作,因为浏览器将自动插入tbody。您可能还希望在选择器中包含
,因为某些浏览器会添加它。请参阅@showdev Good point。表的直接子级应该是tbody。否则,HTML无效。
$("table.ms-formtable > tbody > tr:nth-child(3)").hide();