使用JQuery获取不同行上两个表格单元格之间的所有表格单元格

Question

我正在整理一个小日历应用程序,需要能够选择一系列日期.

所以我要求能够在表格中选择一个包含一个月的TD,然后选择另一个TD,它可能与第一个TD在同一个TR上.

我一直在尝试使用nextUntil来执行此操作,但它在介入TR方面显然已经失败了.

在下面的示例中,我想为#range-start和#range-end之间的所有TD标记添加一个类:

<tr>
  <td><time datetime="2011-11-07">7</time></td>
  <td><time datetime="2011-11-08">8</time></td>
  <td id="range-start"><time datetime="2011-11-09">9</time></td>
  <td><time datetime="2011-11-10">10</time></td>
  <td><time datetime="2011-11-11">11</time></td>
  <td><time datetime="2011-11-12">12</time></td>
  <td><time datetime="2011-11-13">13</time></td>
</tr>
<tr>
  <td><time datetime="2011-11-14">14</time></td>
  <td><time datetime="2011-11-15">15</time></td>
  <td><time datetime="2011-11-16">16</time></td>
  <td id="range-end"><time datetime="2011-11-17">17</time></td>
  <td><time datetime="2011-11-18">18</time></td>
  <td><time datetime="2011-11-19">19</time></td>
  <td><time datetime="2011-11-20">20</time></td>
</tr>

任何人都知道如何处理这个？

Answer 1

你可以试试这个

工作演示

var start = false;
$("table td").filter(function(){
    if(this.id == "range-start" || start){
        if(this.id == "range-end"){
            start = false;
            return true;
        }
        start = true;
    }
  return start;

}).addClass("yourClass");