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