将变量和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/