Javascript 如何突出显示具有TH和TD标记且具有Rowspan属性的行？

我正在为大学辅导中心创建一个时间表页面。为了使它更具可读性，我对在同一日期发生的会话使用rowspan属性

在某些情况下，我也有相同的课程，在同一天有多个课程。下面是一个示例表：

<table class="schedule">
      <tr class="tableheader">
         <th scope="col">Day</th>
         <th scope="col">Courses</th>
         <th scope="col">Times</th>
      </tr>
      <tr>
         <th scope="rowgroup" rowspan="3">Monday</th>
         <td>All CHEM</td>
         <td>10:10 a.m. - 1:00 p.m.</td>
      </tr>
      <tr>
         <td>CHEM 120-152</td>
         <td>4:30 p.m. - 6:30 p.m.</td>
      </tr>
      <tr>
         <td>All Chem</td>
         <td>7:10 p.m. - 9:00 p.m.</td>
      </tr>
      <tr>
         <th scope="rowgroup" rowspan="2">Tuesday</th>
         <td>CHEM 120-152 &amp; 272</td>
         <td>10:10 a.m. - 2:00 p.m.</td>
      </tr>
      <tr>
         <td>All CHEM</td>
         <td>6:10 p.m. - 9:00 p.m.</td>
      </tr>
      <tr>
         <th scope="rowgroup" rowspan="3">Wednesday</th>
         <td rowspan="2">CHEM 120-152 &amp; 272</td>
         <td>10:10 a.m. - 12:00 p.m.</td>
      </tr>
      <tr>
         <td>1:10 p.m. - 2:00 p.m.</td>
      </tr>
      <tr>
         <td>All CHEM</td>
         <td>3:10 p.m. - 6:00 p.m.</td>
      </tr>
   </table>

白天
课程
时代
星期一
全化学
上午10:10-下午1:00。
化学120-152
下午4:30至6:30。
全化学
下午7:10-9:00。
星期二
化学120-152及；272
上午10:10-下午2:00。
全化学
下午6:10-9:00。
星期三
化学120-152及；272
上午10:10-下午12:00。
下午1:10-2:00。
全化学
下午3:10-6:00。

如何使用jQuery突出显示整个行，包括使用rowspan的父元素

---

我找到了一个部分解决方案，通常是有效的，但是当courses列具有rowspan属性时，它往往会中断，除了第一个子项。我看到的许多解决方案都没有考虑到第508节中必须包含的TH标记，我必须尽可能遵守该节。

它是

$（“td[rowspan]”）没有内部引号的
。但是我如何应用它来突出显示任何父/子元素呢？我尝试同时使用.parent（）和.children（）但是require-TR标签似乎打破了这一点，我认为“包括使用rowspan的父元素”实际上是指“包括其他行的单元格，其中包括此行上的插槽”。
tr
元素的父元素是
tbody
、
thead
、
tfoot
、或
table
元素。是的，因此，如果用户将鼠标悬停在课程上，则突出显示日期和时间，如果课程单元格有行跨度，则为第一次。
$("td[rowspan]"); // returns all elements with any rowspan property.
$("td[rowspan='3']"); // returns all elements with rowspan 3.