將變量和DOM元素傳遞給jquery每個

Question

我一直在爲此苦苦掙扎了一段時間，並且嘗試了許多搜索，但還沒有找到正確的解決方案，也沒有找到適合我的問題的文字。 我希望用jQuery遍歷<tr>的<table id="Listeners">，並將行設置爲Even或Odd類。

的是還保存在一個變量，並傳遞給函數，如下所示：

<table id="Listeners"> 
<tr><td>1</td></tr> 
<tr><td>2</td></tr> 
</table> 

而且我的jQuery：

var Element = $("#Listeners"); 
$(Element+" tr").each(function(index) { 
if (index%2 == 0) { 
    $(this).addClass("Even"); 
} 
}); 

但是，這並不工作，任何想法如何解決這個？

Answer 1

您可以使用find()方法和:even選擇：

選擇偶數元素，零索引。

var $element = $("#Listeners"); 
$element.find("tr:even").addClass("Even"); 
// or $element.find("tr").filter(':even').addClass("Even") 

Answer 2

有很多方法可以做到這一點。這應該工作：

$('#Listeners tr:nth-child(even)').addClass("Even"); 

參見：http://api.jquery.com/nth-child-selector/

即使是這樣的：

$('#Listeners tr:even').addClass("Even"); 

看到它在這裏工作：（？也許）http://jsfiddle.net/zm2nN/