javascript - .filter() 中的函数无法正常工作

Question

如果我的表格在 html 中看起来像这样

<table>
    <tr>
        <td>foo
        <td>bar
        <td>alpha
        <td>beta
        <td>seta

    </tr>
    <tr>
        <td>foo1
        <td>bar2
        <td>alpha3
        <td>beta3
        <td>seta3
    </tr>
</table>

我只是通过 jQuery 格式化表格。

//this one perfectly works
//this turns even columns into red!!
$("td").filter(':odd').addClass('colorRedClass');

但我也想用这样的功能!可能吗？

//i returned the value ':odd' from the function!!
//this turns every column into red!!
//this is not working as expected!!
$("td").filter(function(){
        return ':odd';
    }).addClass('colorRedClass');

colorRedClass 在 CSS 中有属性 color:red;

那么，我的问题是，为什么第二个不能工作？为什么第二个不能将偶数列更改为红色？我来自 c、c++、java 背景，根据我的理解，如果我在这些语言中采用相同的方式，则返回应该有效。

我错过了什么？

Answer 1

您传递给过滤器的函数应该具有以下类型:

Type: Function( Integer index, Element element ) => Boolean

因此，如果要将元素包含在过滤集中而不是使用选择器，它希望您返回 true。

您可以使用索引参数来确定元素是否为奇数:

$("td").filter(function(index){
    var isOdd = index % 2 === 1;
    return isOdd;
}).addClass('colorRedClass');