Javascript 获取文档中的下一个div，该div位于具有相同类的当前div之后

单击当前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>

---

假设元素不是同级元素，可以执行以下操作：

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

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

参考：

---

假设元素不是同级元素，可以执行以下操作：

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

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

参考：

---

下一个

div

是同一级别的孩子、父母还是其中任何一个？你能举一个结构的例子吗？下一个

div

是在同一个级别上，一个孩子、一个家长还是其中的任何一个？你能给出一个结构的例子吗？这里是一样的：只有当它与选择器匹配时，才会给你下一个兄弟姐妹。它不会为您提供与选择器匹配的下一个同级。此处相同：仅当它与选择器匹配时，才会为您提供下一个同级。它不会为您提供与选择器匹配的下一个同级。