jquery

У меня есть таблица с парой строк, каждая строка с двумя столбцами, первый левый столбец - это заголовок или тема, а правый столбец - их значение. Если правый столбец пуст, мне нужно скрыть соответствующую строку, всю строку с заголовком. Как это сделать в jquery?

<table cellpadding="10" class ="EventDetail">
    <tr>
        <td class="TableFields">Who Should Enroll?:</td>
        <td>Everyone 18 and older who would like to attend</td>
    </tr>       
    <tr>
        <td class="TableFields">Handicapped Access:</td>
        <td>Yes</td>
    </tr>
    <tr>
        <td class="TableFields">Parking Notes:</td>
        <td></td>
    </tr>
    <tr>
        <td class="TableFields">Instructor:</td>
        <td>John Filler</td>
    </tr>
</table>

jquery hide row

AJSwift 16 Дек 2011 в 01:09

1 ответ

Попробуй это

$('.EventDetail tr').filter(function(){
   return $(this).find('td:eq(1):empty').length > 0;
}).hide();

Рабочая демонстрация

Альтернативное решение

$('.EventDetail tr').find('td:eq(1):empty').parent().hide();

Рабочая демонстрация

ShankarSangoli 16 Дек 2011 в 01:32

скрыть строку, если один из столбцов пуст

1 ответ

Похожие вопросы

Новые вопросы