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

Question

我的頁面上有一些label標籤，其中一些標籤有myAttr屬性。

我選擇他們的喜歡$('label[myAttr="lorem"]')

如何一個後找到下一個label（與myAttr屬性）？每個label標籤的myAttr的值不同。

Answer 1

你可以像這樣與屬性選擇所有<label> S的：

$('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

注：我不建議在循環中這樣做，因爲它的漸近運行時行爲。