0

我正在尝试向我的 Wordpress 网站添加一个功能，该功能可以根据一周中的哪一天更改标题的颜色，以突出显示当天的每日特色食品。

该网站是使用 WPBakery Builder 构建的，并希望添加一些 Javascript 来完成这项工作。thebanquetbar.com/daily-specials

我有七个手风琴部分，每个部分都有“daily-special-item”类

在页面底部，我有一个带有以下代码的 Raw 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>

这是基于此处找到的答案：添加基于当前星期几的课程

我在想，由于我的手风琴不在同一个 div 中，这会导致问题吗？

有没有办法使用 Javascript 并根据星期几定位每个手风琴并更改标题的颜色？

CSS：

.daily-today{
    background: #fff;
    color: #000;
}
4

1 回答 1

0

这应该这样做：

<!-- 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 中定义，因此我可以通过将 CSS 属性直接应用于元素来获得相同的效果，如下所示：

$(targetElement).css({"background-color": "#fff", "color":"#000"});
于 2020-10-22T01:43:10.480 回答