jQuery - 如果div2包含文本的某个单词，将CSS应用于div1？

Question

使用jQuery如何将CSS应用于div，如果另一个div包含某个单词？

因此，如果div1包含文本'TriggerWord'，我想div 2变成红色。以下是我的尝试。 谢谢

 $("document").ready(function() { 
     if ($("#div1:contains('TriggerWord')")) { 
      $('#div2').css('color','red'); 
     } 
    }); 

Answer 1

请勿引用document。除此之外，你的尝试是正确的。该:contains()选择是你所需要的：

$(document).ready(function() { 
    if ($('#div1:contains("TriggerWord")').length > 0) { 
     $('#div2').css('color', 'red'); 
    } 
}); 

或简写形式：

$(function() { 
    if ($('#div1:contains("TriggerWord")').length > 0) { 
     $('#div2').css('color', 'red'); 
    } 
}); 

而且这里有一个live demo。

Answer 2

$(document).ready(function() { 
    if ($("#div1").html().indexOf('TriggerWord') >= 0) { 
     $('#div2').css('color', 'red'); 
    } 
}); 

Answer 3

正则表达式的方法：

$(function() { 

    var reg = /Trigger/g; 

    if($('#div1').text().match(reg)) { 
     $('#div2').css({color: 'red'}); 
    } 

}); 

工作小提琴：http://jsfiddle.net/each/NJ966/

Answer 4

$(function() { 
    if (/triggerWord/.test($("div1").text()) { 
     $("div2").css('color', 'red'); 
    } 
});