javascript - jQuery中最接近的不起作用

Question

.dropzone当用户单击.dropzone-upload-btn元素时，我尝试通过 jQuery 单击类。我有这段代码，但它什么也没做。知道为什么吗？

<div class="dropzone-wrapper">
  <div class="dropzone"></div>
  <div class="dropzone-upload-btn"></div>
</div>

这是jQuery代码（简化）

$('.dropzone-upload-btn').on("click", function() {
  return $(this).closest('.dropzone').click();
});

Answer 1

closest查看匹配的元素及其祖先。你可能想要siblings：

$('.dropzone-upload-btn').on("click", function() {
    return $(this).siblings('.dropzone').click();
});

参考：

• http://api.jquery.com/closest/
• http://api.jquery.com/siblings/

当然，如果您 100% 确定该.dropzone元素将紧接在该.dropzone-upload-btn元素之前，那么您可以使用prevor prevAll：

$('.dropzone-upload-btn').on("click", function() {
    return $(this).prev('.dropzone').click();
});

参考：

• http://api.jquery.com/prev/
• http://api.jquery.com/prevAll/

prevAll如果您知道目标元素将在匹配的元素之前出现，则可以使用，但不一定在之前。prev只会查看第一个 前一个兄弟姐妹。

prevAll和之间的区别在于siblings它siblings查看匹配元素之前和prevAll之后的兄弟姐妹，而只查看它之前的兄弟姐妹。