У меня есть следующее дерево 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');
Есть ли лучший подход?
Попробуй это:
$cell.closest('.row').next().find('.cell-1')
или
$cell.parents('.row').next().find('.cell-1')