javascript - 仅获取整个文档中的下一个实例

Question

我只想在单击元素后仅定位文档中元素的第一个实例。这就是我想出的：

$('.class').click(function(){
    var x = $(this).nextAll('.anotherclass').first();
    //do something
});

但这只能从兄弟姐妹中获取.class意义，如果没有.anotherclass作为兄弟姐妹的实例，则不会继续遍历文档。

我希望它简单地抓取.anotherclass我会很好的实例，如果我从点击开始逐行浏览 html.class

我怎样才能做到这一点？

Answer 1

试试这个：http: //jsfiddle.net/rmwNS/

var x = $('.class, .anotherClass');
var y = x.slice( x.index( $(this) ), x.length).filter('.anotherClass').first();

文档中节点的顺序保留在 x 中，因此在单击的节点之前切掉所有内容可以为您找到第一次出现的.anotherClass

Answer 2

全选，然后过滤到仅是当前一个 + 1 的索引的那个。

$(".anotherclass").eq( $(this).index(".anotherclass") + 1)

Answer 3

听起来你应该分多个步骤来做

$('.class').click(function(){
  var x.length = 0; 
  x = $(this).siblings('.anotherclass').first(); //check siblings
  if (x.length < 1)
      //check here in another portion of code
});

我从未听说过在 jquery 中中断选择过程。所以我会尝试类似上面的东西