javascript - 如何遍历jQuery中最接近的元素块？

我很难定位位于按钮元素顶部的最接近的div。标记在这里：

<div class="row kennelEntry">
     <label for="kennel-1">Name of Kennel</label>
     <input type="text"
            maxlength="50"
            tabindex="1"
            name="kennel-1"
            id="kennel-1" />
</div>
<button class="duplicateKennel">New Kennel</button>

单击.duplicateKennel时，我想获取.kennelEntry元素，以便可以在其下面直接添加一个新元素。

为了完全公开，这里的目标是单击按钮时，我可以复制整个.row，以建立一个动态表单，用户可以在其中创建尽可能多的条目，并将这些条目保存在我的后端中。复制后，我只需要更改标签和输入的label和name属性。我很难将最接近的kennelEntry定位到要定位的按钮。

最佳答案

您可以使用jQuery的.prev()：

$('.duplicateKennel').on('click', function(){
  $(this).before($(this).prev().clone());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row kennelEntry">
  <label for="kennel-1">Name of Kennel</label>
  <input type="text" maxlength="50" tabindex="1" name="kennel-1" id="kennel-1" />
</div>
<button class="duplicateKennel">New Kennel</button>

关于javascript - 如何遍历jQuery中最接近的元素块？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57290193/