Как найти элемент мысли родителя?

0

У меня есть следующее дерево DOM:

<div class="row" id="row-1">
   <div class="row-wrapper">
       <div class="cell-1"></div>
       <div class="cell-2"></div>
       <div class="cell-3"></div>
   </div>
</div>
<div class="row" id="row-2">
   <div class="row-wrapper">
       <div class="cell-1"></div>
       <div class="cell-2"></div>
       <div class="cell-3"></div>
   </div>
</div>

Скажем, у меня есть ссылка на ячейку-1 в строке-1:

var $cell = $("row-1 .cell-1").first();

Как я могу получить ссылку на следующую нижнюю ячейку-1, находящуюся в строке-2 ниже? Сейчас я использую следующий подход, но кажется уродливым:

$cell.parent().parent().next().find('.cell-1');

Есть ли лучший подход?

Теги:
dom

1 ответ

2

Попробуй это:

 $cell.closest('.row').next().find('.cell-1')

или

 $cell.parents('.row').next().find('.cell-1')

Ещё вопросы

Сообщество Overcoder
Наверх
Меню