Javascript 如果div包含“填充”,则使用不同的颜色填充背景;“一个字”;

Javascript 如果div包含“填充”,则使用不同的颜色填充背景;“一个字”;,javascript,Javascript,如果另一个类包含单词,我想用白色填充一个元素(它是一个类)的背景 html页面中的部分代码: <div class="Class where I want to color background"> <div class="Class where I have text"> <a href="URL">Some text Word</a> </div> </div> 我从上面两个地方合并了这段代码,但可以预见,它不

如果另一个类包含单词,我想用白色填充一个元素(它是一个类)的背景

html页面中的部分代码:

<div class="Class where I want to color background">
 <div class="Class where I have text">
  <a href="URL">Some text Word</a>
 </div>
</div>
我从上面两个地方合并了这段代码,但可以预见,它不起作用。我现在必须把另一个类的名称写出来,但我不知道怎么写,而且我认为整个语句都是错误的

编辑:
我在要查找文本的地方插入了部分代码

var FindWord = "Word";
console.log('FindWord result',$(".NameOfClass").text().indexOf(FindWord));
if ($(".NameOfClass").text().indexOf(FindWord) > -1)
{
        document.body.style.backgroundColor = "white";
}
你的

无法正常工作,因此请记录console.log。(我猜)如果“.NameOfClass”是一个div,则必须使用html()而不是.text()

你的


无法正常工作,因此请记录console.log。(我猜)如果“.NameOfClass”是一个div,那么就必须使用html()来代替.text()

下面的代码可以工作:

var FindWord = "Word";
if ($(".NameOfClass").text().indexOf(FindWord) > -1)
{
     $('.background-class').css('background-color', '#fff');
}

以下代码将起作用:

var FindWord = "Word";
if ($(".NameOfClass").text().indexOf(FindWord) > -1)
{
     $('.background-class').css('background-color', '#fff');
}

问题是哪个事件将触发代码运行

在我的示例中,它总是在页面加载时运行:

<body style='background-color:black'>
<div class='myClass'>
  some text some text Word some text some text
</div>
</body>

$(document).ready(function() {
  var FindWord = "Word";
  if ($(".myClass").text().indexOf(FindWord) > -1) {
    document.body.style.backgroundColor = "white";
  };
})

一些文字一些文字单词一些文字一些文字
$(文档).ready(函数(){
var FindWord=“Word”;
if($(“.myClass”).text().indexOf(FindWord)>-1){
document.body.style.backgroundColor=“白色”;
};
})

工作小提琴:

问题是哪个事件将触发代码运行

在我的示例中,它总是在页面加载时运行:

<body style='background-color:black'>
<div class='myClass'>
  some text some text Word some text some text
</div>
</body>

$(document).ready(function() {
  var FindWord = "Word";
  if ($(".myClass").text().indexOf(FindWord) > -1) {
    document.body.style.backgroundColor = "white";
  };
})

一些文字一些文字单词一些文字一些文字
$(文档).ready(函数(){
var FindWord=“Word”;
if($(“.myClass”).text().indexOf(FindWord)>-1){
document.body.style.backgroundColor=“白色”;
};
})
工作小提琴: