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

Question

[keslo]

Добрый день, господа!
Есть разметка такого вида:

<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

А вопросы именно такие:
- как выбрать элементы с данным классом?
- как обратиться к родителям с данным классом?

Answer 1

[Дмитрий Науменко]

Во всех таблицах находим элемент TD с классом UNDER_ORDER, находим его ближайший TR и прячем его.

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

jsfiddle.net/Xqn4g

Comments

[keslo]

Спасибо. А как это на чистом JS будет выглядеть?