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

Question

我正在组装一个小型日历应用程序，需要能够选择一个日期范围。

所以我需要能够在包含月份的表中选择一个 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

你可以试试这个

工作 Demo

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");