2016-10-27 9 views
0

私は親切に助けを求めます。ほとんどの知識がjsにあるので、誤った構文でごめんなさい。 別のクラスは、HTMLページ内の単語divに「単語」が含まれている場合は、別の色のバックグラウンドを入力してください

コードの一部が含まれている場合、私は

<div class="Class where I awnt to color background"> 
<div class="Class where I have text"> 
    <a href="URL">Some text Word</a> 
</div> 
</div> 

白い色で(それがクラスである)一つの要素の背景を埋めるために、私は、私が使用して考えていたコードたい:

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

私は上記の2つの場所からこのコードを組み合わせましたが、予測可能ではありません。私は今、他のクラスの名前を付ける必要がありますが、私はどのようにまた私は文全体が正しくないと推測するのか分かりません。

編集:
テキストを検索したい部分のコードを挿入しました。

答えて

1

) ".NameOfClassは" div要素である場合は、あなたの代わりには.text()HTMLを(使用する必要があります(私は推測します)コードを実行させる。

ページが読み込ま私の例では、それは常に動作します:

<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"; 
    }; 
}) 

作業フィドル:https://jsfiddle.net/tedmanowar/kefL4zsg/

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ので動作しません。

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

を問題はevent意志である:以下のコードは動作します

関連する問題