Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 表tr:n仅子级父级_Jquery_Html - Fatal编程技术网

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();