jquery - 找到特定的 td 背景颜色

Question

我有一个包含 5 个 td 的表格行。

我正在单击该行中的第二个 td。我正在获取它的背景颜色并将其与同一行中其他 td 的背景颜色进行比较。

我想与行中的第 4 个 td 进行比较。当我做...

    console.log($(this).eq(3).css("background-color"));

我得到“未定义”

当我这样做

    console.log($(this).next().next().css("background-color"));

它返回颜色。

那么我怎样才能具体访问该行中的第 4 个 td？

谢谢

编辑:html如下

        <table id="table-fixtures" class="table table-condensed table-fixtures">
        <thead>
            <tr>
                <th colspan="5">UPCOMING</th>
            </tr>
        </thead>
        <tbody> 
            <tr>
                <td><small>07-01-2014</small></td>
                <td class="team">Alice</td>
                <td><strong>v</strong></td>
                <td class="team">Bob</td>
                <td><small>12:00</small></td>
            </tr>
            <tr>        
                <td><small>07-01-2014</small></td>
                <td class="team">Eve</td>
                <td><strong>v</strong></td>
                <td class"team">George</td>
                <td><small>12:00</small></td>
            </tr>
        </tbody>
    </table>

编辑:

jquery函数:

    $('td.team').click( function() {

         if ($(this).css("background-color") == clickColor) {
             console.log($(this).eq(3).css("background-color"));
             console.log($(this).next().next().css("background-color"));
         }
    });

Answer 1

实际上 this 只引用一个元素(被点击的元素)所以 eq 不会提取任何东西，因为它是:

Given a jQuery object that represents a set of DOM elements, the .eq() method constructs a new jQuery object from one element within that set. The supplied index identifies the position of this element in the set.

因为你想获取元素或其 sibling 之一，你可以使用 siblings并添加前一个元素使用 addBack并在它们上使用 eq

代码:

console.log($(this).siblings().addBack().eq(3).css("background-color"));

演示:http://jsfiddle.net/IrvinDominin/Yr8an/