jquery - div に "example" という単語が含まれている場合、addClass は別の div に none を表示します

Question

div特定の単語が別の単語の中にある場合、を非表示にしようとしていdivます。

if (jQuery("div.contactUs:contains('contact')")) {
jQuery(".hideThis").css("display","none");
}

しかし、うまくいかないようです。何か案は ？

Answer 1

length返されたjQueryオブジェクトを確認する必要があります。

if (jQuery("div.contactUs:contains('contact')").length) {
    jQuery(".hideThis").css("display","none");
}

この理由は、一致する要素が見つからない場合でも、jQueryがオブジェクトを返し、それがに評価されることはないためfalseです。

また、コードを少し短くするために、hideの代わりに使用できることにも注意してください。css

if (jQuery("div.contactUs:contains('contact')").length) {
    jQuery(".hideThis").hide();
}

Answer 2

これを試してください、これはそれがどのように機能するかを示すことができます

if (jQuery("div.contactUs").text().indexOf('contact') != -1) {

jQuery(".hideThis").css("display","none");

}