Ocultar linha se contiver colunas vazias
Tenho uma tabela com algumas linhas, cada linha com duas colunas, a primeira coluna conterá o título e a segunda coluna terá os respectivos valores. Às vezes, as células à direita podem não ter valores, por isso não faz sentido para ter apenas o título .. sem valor .. Posso ocultar o título na célula esquerda que não tem valor à direita ou a própria linha inteir
Eu vim com isso, mas não está funcionando ..
$('.EventDetail tr').each(function(){
if(!$('td:not(:empty)',this).length)
$(this).hide();
});
Aqui está a mesa. Eu estou querendo saber se tag está fazendo alguma diferença. OU um deles tem uma classe e o outro não ... isso deve estar causando o problema?
<table cellpadding="10" class ="EventDetail">
<tr>
<td class="TableFields"><em>Who Should Enroll?:</em></td>
<td>Everyone 18 and older who would like to attend</td>
</tr>
<tr>
<td class="TableFields"><em>Handicapped Access:</em></td>
<td>Yes</td>
</tr>
<tr>
<td class="TableFields"><em>Parking Notes:</em></td>
<td></td>
</tr>
<tr>
<td class="TableFields"><em>Instructor:</em></td>
<td>John Filler</td>
</tr>
</table>
Portanto, não há informações sobre as notas de estacionamento, por isso quero ocultar a célula esquerda que contém o título 'Notas de estacionamento "