JSFiddle - React, Tailwind, and code Playground

by Uwe Keim

HTML

<div class="openinghours">
  <div class="hoursday" data-weekday="0">Sonntag: geschlossen</div>
  <div class="hoursday" data-weekday="1">Montag: 9:00 bis 18:00 Uhr</div>
  <div class="hoursday" data-weekday="2">Dienstag: 9:00 bis 18:00 Uhr</div>
  <div class="hoursday" data-weekday="3">Mittwoch: 9:00 bis 18:00 Uhr</div>
  <div class="hoursday" data-weekday="4">Donnerstag: 9:00 bis 18:00 Uhr</div>
  <div class="hoursday" data-weekday="5">Freitag: 9:00 bis 18:00 Uhr</div>
  <div class="hoursday" data-weekday="6">Samstag: 9:00 bis 18:00 Uhr</div>
</div>

JavaScript

$(document).ready(function() {
    var d = new Date();
    var n = d.getDay();
    $('.openinghours .hoursday[data-weekday="'+n+'"]').css({'font-weight':'bold', 'color':'red'});
  });