我试图隐藏TR
行,如果它包含TD中具有特定id
的文本框
我的HTML代码:
<tr>
<th><label for="first_name">First Name</label></th>
<td><input type="text" class="regular-text" value="My First Name" id="first_name" name="first_name" readonly=""></td>
</tr>
<tr>
<th><label for="last_name">Last Name</label></th>
<td><input type="text" class="regular-text" value="My Last Name" id="last_name" name="last_name" readonly=""></td>
</tr>
我想要隐藏包含id&#34; last_name&#34;的文本框的tr
。
我试过这个,但它不起作用:
jQuery('tr:has(td:has(input[id="last_name"])').hide();
但这是有效的(但隐藏了所有的tr):
jQuery('tr:has(td:has(input))').hide();
我错过了什么?
-------- EDIT ---------------
像Arun P Johny说的那样,我忘记了&#39;)&#39;喜欢:jQuery('tr:has(td:has(input[id="last_name"]))').hide();
答案 0 :(得分:3)
$('#last_name').closest('tr').hide();
答案 1 :(得分:1)
你可以试试这个。
jquery('#last_name').parent().parent().hide();