Question

如果另一个类包含单词

，我想用白色填充一个元素（它是一个类）的背景

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>

我认为可以使用的JavaScript代码：

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

我从上面两个地方合并了这个代码，但是可预测它不起作用。我现在必须把另一个班级的名字，但我不知道如何，而且我认为整个陈述是不正确的。

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

Answer 1

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

你的

$(".NameOfClass").text().indexOf(FindWord)

没有正常工作所以console.log它。（我猜）如果＆＃34; .NameOfClass＆＃34;是一个div，你必须使用html（）而不是.text（）

Answer 2

以下代码可以使用：

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

Answer 3

问题是 $scope.getUsersData = function() { userService.getUsers().then( (function(response) { // success callback console.log(response.data); }), (function(error) { // error callback console.log(error); }) ); };会触发代码运行。

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

event

工作小提琴：https://jsfiddle.net/tedmanowar/kefL4zsg/

如果div包含“一个单词”，则用不同颜色填充背景

3 个答案: