隐藏包含包含特定输入ID的TD的TR

时间:2014-03-26 11:04:40

标签: jquery

我试图隐藏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();

2 个答案:

答案 0 :(得分:3)

像这样 -

$('#last_name').closest('tr').hide();

答案 1 :(得分:1)

你可以试试这个。

jquery('#last_name').parent().parent().hide();