javascript - 将变量和 DOM 元素分别传递给 jquery

Question

我已经为此苦苦挣扎了一段时间，并且尝试了很多搜索，但没有找到正确的解决方案，也没有找到我遇到的问题的文字。我希望用 jQuery 遍历<tr>'s <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/