Как в зависимости от имени класса td (ячейку) выбрать и скрыть tr (строку), в которой он находится?

Добрый день, господа!
Есть разметка такого вида:
<table>
<tr class="item" id="1">
        <td class="item-name-cell">Товар один<td>
        <td class="size-cell">5</td>
        <td class="under_order">Под заказ</td>
</tr>
<tr class="item" id="2">
        <td class="item-name-cell">Товар два<td>
        <td class="size-cell">5</td>
        <td class="ok">В наличии</td>
</tr>
</table>


Мне необходимо скрыть строки (TR), в которых присутствует ячейка (TD) с CLASS = 'UNDER_ORDER'.
Тут понимаю разбивка на мини-задачи такая:
- выбрать элементы с данным классом
- выбрать родителя по найденным классам и скрыть его, к примеру, с помощью присвоения display: none

А вопросы именно такие:
- как выбрать элементы с данным классом?
- как обратиться к родителям с данным классом?
  • Вопрос задан
  • 3096 просмотров
Решения вопроса 1
SilverFire
@SilverFire
Yii2 core developer
Во всех таблицах находим элемент TD с классом UNDER_ORDER, находим его ближайший TR и прячем его.

$('table').find('td.under_order').closest('tr').hide();


jsfiddle.net/Xqn4g
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы