bgの色を変更する/現在の日付に境界を設定する

Question

現在の時刻を使用して表の行を変更してbgの色を強調/変更する方法を知りたいと思っています。

私は店舗の営業時間のテーブルに7日間あり、現在の日を別の色で強調したいと思います。私は実装したいだけの美容的なタッチ。どんな助けもありがとうございます。

私はコーダーではありませんが、現在の時間を取得するだけでは不十分です。今日の日曜日のように、平日のいずれかと一致させるために使用する必要があります。行のテキストも「日曜日」です。そのTDのbgカラーを変更する必要があることが分かります。

これはまったく可能ですか？どんな助けもありがとうございます。 :)確かにあなたは、この次のJavaScriptで現在の日付を取得する必要があります

Answer 1

： https://www.w3schools.com/jsref/jsref_getday.asp

次に、あなただけの対応するセルを取得する必要がありますので、同様に特定のCSSクラスを設定：

var d = new Date(); 
 
var n = d.getDay(); 
 

 
document.getElementById(n).className = "bg";

.bg{ 
 
    background-color:#939393; 
 
    border:solid 1px; 
 
}

<table style="border:solid 1px"> 
 
    <tr> 
 
    <td id="0">Sunday</td> 
 
    <td id="1">Monday</td> 
 
    <td id="2">Tuesday</td> 
 
    <td id="3">Wednesday</td> 
 
    <td id="4">Thursday</td> 
 
    <td id="5">Friday</td> 
 
    <td id="6">Saturday</td> 
 
    </tr> 
 
    <tr> 
 
    <td>...</td> 
 
    <td>...</td> 
 
    <td>...</td> 
 
    <td>...</td> 
 
    <td>...</td> 
 
    <td>...</td> 
 
    <td>...</td> 
 
    </tr> 
 
</table>

Answer 2

<table> 
    <tr><td>Sunday</td></tr> 
    <tr><td>Monday</td></tr> 
    <tr><td>Tuesday</td></tr> 
    <tr><td>Wednesday</td></tr> 
    <tr><td>Thursday</td></tr> 
    <tr><td>Friday</td></tr> 
    <tr><td>Saturday</td></tr> 
</table> 

// jQueryの

$(function(){ 
    var weekday = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; 
    var date = new Date(); 
    var currentDay = weekday[date.getDay()]; 

    $('table td').each(function() { 
    if($(this).html() == currentDay) 
     $(this).addClass('active'); 
    }); 

}) 

//CSS 

table tr td{ 
    border: 1px solid gray; 
    background-color: #082768; 
    color: #fff; 
} 
table tr td.active{ 
    background-color: red; 
    color: #fff; 
} 

ワーキングフィドルhttps://jsfiddle.net/d2tfo790/1/