正在将类添加到<td>基于Id和交换机

Adding class to <td> based on Id and switch

本文关键字：td gt Id 交换机 基于 lt 添加      更新时间：2023-09-26

我有一个表表示工作日（一次只有5天）。我想根据星期几来突出显示一周中的哪一天。我正试图使用Switch函数根据元素的Id来选择元素，然后添加一个类。也许有人可以发现问题，或者提供一个更优雅的解决方案。非常感谢。

HTML:

<tr>
  <th>CHANGES</th>
  <td id="mon">2</td>
  <td id="tues">3</td>
  <td id="wed">4</td>
  <td id="thurs">5</td>
  <td id="fri">6</td>
</tr>

Javascript

// Set "today" to day of week abbreviation
var today = String(Date.today()).slice(0,3);
// Add class to td based on day of week.
switch (today) {
    case "Mon":
        jQuery("#mon").addClass("today");
        break;
    case "Tue":
        jQuery("#tues").addClass("today");
        break;
    case "Wed":
        jQuery("#wed").addClass("today");
        break;
    case "Thu":
        jQuery("#thurs").addClass("today");
        break;
    case "Fri":
        jQuery("#fri").addClass("today");
        break;
}

*注意：我使用Date.js lilbrary来获取当前日期。

试试这个

var today = new Date();
today = today.toString().slice(0,3).toLowerCase();
$('#'+today).addClass('today');
.today{
  color:red;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
  <th>CHANGES</th>
  <td id="mon">2</td>
  <td id="tue">3</td>
  <td id="wed">4</td>
  <td id="thu">5</td>
  <td id="fri">6</td>
  </tr>
 </table>

你需要将星期四的id更改为thu，将星期四更改为tue

<td id="tue">3</td>
<td id="thu">5</td>

如果您可以更改HTML，则将您的id重命名为Mon、Tue、Wed、Thu、Fri，并将类days添加到所有元素和

var today = String(Date.today()).slice(0,3);
$('.days').removeDay('today');
$('#' + today).addClass('today');
相关文章：