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

试试这个

＆＃13;

var today = new Date();
today = today.toString().slice(0,3).toLowerCase();
$('#'+today).addClass('today');

＆＃13;

.today{
  color:red;
  }

＆＃13;

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

＆＃13;

您需要将周四的ID更改为星期四，并且需要将星期二更改为

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

Answer 2

如果您可以更改HTML，请将您的ID重命名为Mon，Tue，Wed，Thu，Fri，同时添加等级{{1所有元素而不是

days

基于Id和switch添加类

2 个答案: