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