Скрыть строку ... из колонки

Question

я это

<table> 
<tr> 
    <td>...</td> 
    <td>...</td> 
    <td class="Data">...</td> 
</tr> 
<tr> 
    <td>...</td> 
    <td>...</td> 
    <td class="noData">...</td> 
</tr> 
<tr> 
    <td>...</td> 
    <td>...</td> 
    <td class="noData">...</td> 
</tr> 
</table> 

с JQuery, когда ряд (т.р.) имеет столбец (TD) с классом «NoData», я хотел бы скрыть полный Роу результат на этой таблице будет

<table> 
<tr> 
    <td>...</td> 
    <td>...</td> 
    <td class="Data">...</td> 
</tr> 
</table> 

Спасибо,

Answer 1

Вы можете попробовать ниже код:

$(document).ready(function() 
{ 
    $("td.noData").parent().hide("fast"); 
}); 

Или вы можете использовать удалить() вместо шкурой() выше или даже ниже код:

$(document).ready(function() 
{ 
    $("td.noData").parent().css('display':'none'); 
}); 

Answer 2

Чтобы получить список ТР, которые содержат ТД без данных просто позвонить:

$("tr:has(> td.noData)") 

После того, как вы есть, что это тривиально, чтобы скрыть его (просто добавьте .hide() до конца).

Соответствующие селекторы представляют собой селектор Has и селектор parent>child.

Answer 3

В то время как решение sarfraz работает, я думаю, что этот код делает более близким аналогом описание проблемы, что является хорошей вещью для удобочитаемости и более позднего понимания.

$("tr:has(>td.noData)").hide();