JavaScript divのCSSプロパティを曜日に応じて変更します

Question

私はウェブサイトを作成中です。私は営業時間を表示しています。クライアントは、今週の曜日を強調表示するように求めました.E.G。毎日はカラーブラックボックスに表示されますが、今日の日付は赤いボックスに表示されます。

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"}); 
}