Javascript 基于星期几将类添加到元素

我正试图在我的Wordpress网站上添加一个功能，根据一周中的某一天更改标题的颜色，以突出该天的每日美食特色

该网站是使用WPBakeryBuilder构建的，希望添加一些Javascript来实现这一点。thebanquetbar.com/daily-specials

我有七节手风琴课，每节课都有“每日特别节目”

在页面底部，我有一个原始JS行，其中包含以下代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

$('.daily-special-item').eq(new Date().getDay()).addClass('daily-today');

</script>

这应该做到：

<!-- Here's the jQuery script. Don't touch it. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- Here's your custom script that does the highlight -->
<script>
var dayOfWeek = (new Date).getDay();
var targetElement = $("h3.edgtf-accordion-title.ui-accordion-header")[dayOfWeek];
$(targetElement).addClass("daily-today"); //or apply CSS directly as shown below
</script>

---

嗯，我只是把它直接应用于CSS，似乎没有什么变化。这是我的精确复制/粘贴：

var dayOfWeek=（new Date）.getDay（）；var targetElement=$（“h3.edgtf accordion title.ui accordion头”）[dayOfWeek]$css（{“背景色”：“#fff”，“颜色”：“#000”}）

标记中。它们是两个不同的脚本。@MattDimopoulos，我更新了答案，以说明根据您的评论，您需要如何使用单独的

标记。啊！我是个白痴！非常感谢你，马克！！！我做了一些调整，效果非常好：

var dayOfWeek=（new Date）.getDay（）；var targetElement=$（“.daily special item h3”）[dayOfWeek]$css（{“背景色”：“#fff”，“颜色”：“#000”}）
<!-- Here's the jQuery script. Don't touch it. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- Here's your custom script that does the highlight -->
<script>
var dayOfWeek = (new Date).getDay();
var targetElement = $("h3.edgtf-accordion-title.ui-accordion-header")[dayOfWeek];
$(targetElement).addClass("daily-today"); //or apply CSS directly as shown below
</script>

$(targetElement).css({"background-color": "#fff", "color":"#000"});