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行引用了cell-1：

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

我怎样才能获得下一个下行单元-1的引用，它位于下面的第2行？现在我使用以下方法但看起来很难看：

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

有更好的方法吗？

Answer 1

试试这个：

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

或

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

如何找到元素认为父母？

1 个答案: