在当前具有相同类的文档之后获取文档中的下一个div

Question

单击当前div我想在整个文档中使用相同类名的下一个div。文档具有非常复杂的嵌套结构。

<div><div><div class='1'></div></div></div>
<div><div class='1'></div></div>
<div><div><div><div><div class='1'></div></div></div></div></div>

Answer 1

假设元素是不是兄弟姐妹，你可以这样做：

var $elements = $('.someClass');

$elements.click(function() {
    var $nextElement = $elements.eq($elements.index(this) + 1);
});

参考： eq，index

DEMO

Answer 2

jQuery('currentDiv .className').click(function(){
    var target = jQuery(this).next('.className');
});