javascript - 如何找到元素思想父级？

Question

我有以下 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>

假设我引用了 row-1 中的 cell-1:

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

如何获取下面第 2 行中下一个单元格 1 的引用？ 现在我使用以下方法，但看起来很难看:

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

有更好的方法吗？

Answer 1

试试这个:

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

或

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