JQuery隐藏特定的父级

Question

我有这张桌子

<table>
<tr>
    <td>One</td>
    <td>*Two</td>
</tr>
<tr>
    <td>One</td>
</tr>
</table>

和这个JQuery

$("#show").click(function () {
$("td:contains('*Two')").show();
})
$("#hide").click(function () {
    $("td:contains('*Two')").hide();
})

$("#hideRow").click(function (){
    $("tr:contains('*Two')").parent().hide();
})

我试图只隐藏有＆＃34; *两个＆＃34;但它隐藏了所有父母的

编辑：我正在jfiddle中处理它 http://jsfiddle.net/tvsfbj8j/

Answer 1

更改此行：

 $("#hideRow").click(function (){
     $("tr:contains('*Two')").parent().hide();
 })

要：

 $("#hideRow").click(function (){
     $("td:contains('*Two')").parent().hide();
 })

请注意从tr:contains到td:contains的更改。