jquery - 选择从开始到某一特定行的所有表行

Question

我正在尝试用表格中包含的日历做一些事情。基本上，每天都是一个表格单元格。今天的单元格有一个特殊的类，称为....today(非常原始)。

我希望当用户单击日期单元格时会发生一些事情。为了可用性，我想在那些日子添加一个类，以便鼠标光标更改为链接样式。

我一直在努力做到最好，但到目前为止还没有成功。

例如，这是五月的前三周，今天的类(class)名为:

<table class="calendar">
    <tbody>
        <tr class="week0">
            <td class="day">30</td>
            <td class="day">1</td>
            <td class="day">2</td>
            <td class="day">3</td>
            <td class="day">4</td>
            <td class="day">5</td>
            <td class="day">6</td>                                                                  
        </tr>
        <tr class="week1">
            <td class="day">7</td>
            <td class="day">8</td>
            <td class="day">9</td>
            <td class="day">10</td>
            <td class="day">11</td>
            <td class="day">12</td>
            <td class="day">13</td>                                                                 
        </tr>
        <tr class="week2">
            <td class="day">14</td>
            <td class="day">15</td>
            <td class="day">16</td>
            <td class="day">17</td>
            <td class="day">18</td>
            <td class="day today">19</td>
            <td class="day">20</td>                                                                 
        </tr>               
    </tbody>
</table>

我想选择 30(天)到 19 之间的 td。

采取的方法:

• 选择所有日期，然后尝试查找今天单元格的索引。失败，因为 jQuery 选择不是数组而是对象。
• 使用$.each，并在到达today后使用标志。这可行，但听起来对性能来说真的很糟糕[?]

有没有我失踪的地方？

Answer 1

获取所有td元素中.today的索引，并根据该索引进行选择:

// Get the index of td.today among all td's
var tIndex = $(".today").index("td") + 1;

// Select all td's below (and including) .today
$("td:lt(" + tIndex + ")").css("background-color", "red");​

演示:http://jsfiddle.net/UNXve/