最接近jQuery无法正常工作

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

这是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元素之前，那么您可以使用prev或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只关注它之前的兄弟姐妹。