JQuery只添加奇数偶数索引的子项

Question

我有以下JQuery：

$(document).ready(function () {
    $('tr').hover(function () {            
        $(this).children().addClass("color2");
        $(this).children().removeClass("color1");
    });
});

但我只希望它添加到具有偶数索引（包括0）的td元素

Answer 1

将$(this)替换为$('td:even', this)。

编辑：

我第一次没有看到children()。因此，请将$(this).children()替换为$('td:even', this)。

Answer 2

修改选择器，添加:even选择器

$('tr > td:even').hover(function() {
  // ...
});

Answer 3

关于jQuery documentation，children()函数可以有一个过滤器参数。在你的情况下，你只想选择（td）偶数的孩子。因此，请更改children()

中的children('td:even')