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

Question

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

因此，如果 div1 包含文本“TriggerWord”，我希望 div 2 变为红色。以下是我的尝试。 谢谢

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

Answer 1

不要引用文档。除此之外，您的尝试是正确的。 :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');
    }
});

这是一个现场演示。

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