2014-03-26 218 views
0

我試圖隱藏TR行,如果它包含在TD與特定id一個文本框,一個特定的輸入ID的TD一TR隱藏誰包含誰包含

我的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爲「last_name」的文本框的tr

我已經試過這一點,但它不工作:

jQuery('tr:has(td:has(input[id="last_name"])').hide(); 

但是這是工作(但隱藏所有的tr):

jQuery('tr:has(td:has(input))').hide(); 

有什麼我錯過了?

--------編輯---------------

像阿倫P佐尼說,我忘了 ')' 這樣的:

jQuery('tr:has(td:has(input[id="last_name"]))').hide(); 
+2

你'jQuery的錯過了')'( 'TR:有(TD:有(輸入[ID = 「姓氏」))')隱藏();' –

+0

哦......你的權利。 ,它現在工作,謝謝:) – Portekoi

回答

3

這樣的 -

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

太棒了,你的解決方案比我的好。謝謝 ! – Portekoi

1

你可以試試這個。

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