javascript - 根据Id和switch向添加类

Question

我有一个代表工作日的表格(一次仅 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 来获取当前日期。

Answer 1

试试这个

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>

您需要将 thursday 的 id 更改为 thu，tues 更改为 tue

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