只获取整个文档中的下一个实例

时间:2013-07-26 00:05:16

标签: javascript jquery html next

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

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

但这只能从.class的兄弟姐妹那里抓取,这意味着如果没有.anotherclass的兄弟实例,它就不会继续浏览文档。

我希望它只是抓住.anotherclass实例,如果我从点击的.class

开始逐行浏览html我会没事的

我该怎么做?

3 个答案:

答案 0 :(得分:1)

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

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

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

的起点

答案 1 :(得分:0)

选择全部,然后向下过滤到当前为1 + 1的索引。

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

答案 2 :(得分:0)

听起来你应该分多步完成

$('.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中中断选择过程。所以我会尝试类似上面的内容