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

How to use Jquery to colour the background of an element, based on keywords within the html

本文关键字：元素 背景 关键字 Jquery 根据 html 何使用      更新时间：2023-09-26

我尝试使用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来识别如果等于"车间"，然后颜色的div类highlight(例如设置背景为#000)。我需要重复此操作，以便每个div.highlight具有不同的值被赋予不同的颜色。

提前谢谢你。

杰森

应该这样做:

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

检查这个例子，如果你正在寻找添加基于关键字的css

http://tinkerbin.com/q6GwDrvJ 

<script type="text/javascript"> 
    $(document).ready(function(){ 
        $("span:contains(Workshop)").parent().css( "background-color","red" ); 
    }); 
</script>
相关文章：