jQuery如何找到具有特定属性的下一个元素？

Question

我的网页上有一些label个标签，其中一些标签具有myAttr属性。

我选择了$('label[myAttr="lorem"]')

如何在那之后找到下一个label（带有myAttr属性）？每个myAttr代码的label值都不同。

Answer 1

您可以选择具有该属性的所有<label>，如下所示：

$('label[myAttr]')

并使用.each()遍历该集合。如果您已经拥有该集合，并且只想使用该属性从$('label[myAttr="lorem"]')跳到下一个<label>，那么这将有效：

var $labels = $('label[myAttr]');
var $current = $('label[myAttr="lorem"]');
var currentIndex = $labels.index($current);
var $next = $labels.eq(currentIndex + 1);

http://jsfiddle.net/mattball/xZKGk

N.B。由于其渐近的运行时行为，我不建议在循环中执行此操作。