如何找到想过父元素的元素？

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>

假设我引用了第-1行中的单元格-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')