JavaScript 根據星期幾更改 div 的 CSS 屬性

Question

我正在創建一個網站。 我正在顯示營業時間。 並且客戶要求突出顯示一周中的當前日期。EG每天顯示在黑色框中，但今天的日期顯示在紅色框中。

var d = new Date();
var weekday = new Array(7);
weekday[0] =  "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";

var n = weekday[d.getDay()];

if (n = 'Thursday') {
    $('coloured-box').css({"color":"green"});
}

以上是我不知道它是否正確或幾乎正確的內容。

Answer 1

最簡單的方法是獲取當前日期，然后通過其在容器中的索引設置給定元素上的類，如下所示：

 $('.coloured-box span').eq(new Date().getDay()).addClass('today');

 .coloured-box span.today { color: #C00; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="coloured-box"> <span>Sunday</span> <span>Monday</span> <span>Tuesday</span> <span>Wednesday</span> <span>Thursday</span> <span>Friday</span> <span>Saturday</span> </div>

Answer 2

我想你可能有邏輯錯誤。

if (n = 'Thursday') {
    $('coloured-box').css({"color":"green"});
}

您需要使用 == 進行比較

if (n == 'Thursday') {
    $('coloured-box').css({"color":"green"});
}