javascript - 如何使用 Jquery 根据 html 中的关键字为元素的背景着色

Question

我正在尝试使用 Jquery 首先识别 span 标记中的特定单词，然后为嵌套它的 div 的背景着色。HTML 如下所示:

<div class="highlight item1 ll3">
<div class="Image">
<h2 class="Name">
<div class="type">
<span>Workshop</span>
</div>
   <div class="Dates">
   <p class="Desc">Toddlers are especially welcome to BALTIC on Tuesdays. Join 
    in the fun, as a BALTIC artist leads a practical session using a variety of       
    materials,...
</p>

所以我认为我需要使用 Jquery 来确定是否等于“Workshop”，然后使用类 highlight 为 div 着色(例如，将背景设置为 #000)。我需要重复此操作，以便为每个具有不同值的 div.highlight 赋予不同的颜色。

提前致谢。

杰森

Answer 1

像这样的东西应该可以工作:

$(document).ready(function(){
    $("span:contains('Workshop')").parent().css({ "background-color" : "#f8f8f8" });
});