javascript - 如何使用 Rowspan 属性突出显示带有 TH 和 TD 标签的行？

Question

我正在为大学辅导中心创建一个日程安排页面。为了使其更具可读性，我对同一日期发生的 session 使用 rowspan 属性。

在某些情况下，我也会在同一天开设多个类(class)的相同类(class)。下面是一个示例表:

<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>

我如何能够使用 jQuery 突出显示整行，包括使用 rowspan 的父元素？

我发现一个部分解决方案通常有效，但是当类(class)列具有 rowspan 属性时，它往往会中断，但第一个 child 除外。我见过的很多解决方案都没有考虑 TH 标签，根据第 508 节，我必须尽可能遵守该标签。

Answer 1

$("td[rowspan]"); // returns all elements with any rowspan property.
$("td[rowspan='3']"); // returns all elements with rowspan 3.