JQuery приховує конкретного батька - jQuery

У мене є цей стіл

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

Я намагаюся лише приховати рядок, який має "* Two", але він приховує всі батьківські trs

Edit: Я працюю над ним у jfiddle http://jsfiddle.net/tvsfbj8j/

Відповіді:

Змінити ці рядки:

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

Щоб:

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

Зверніть увагу на зміну від tr:contains до td:contains.