jQuery, wenn "das"

Question

enthält Ich versuche, alle Elemente, die eine bestimmte Textzeichenfolge enthalten, in eine rote Farbe zu ändern. In meinem Beispiel kann ich die untergeordneten Elemente dazu bringen, blau zu werden, aber es gibt etwas über die Art, wie ich die "Replace Me" -Zeile geschrieben habe, die falsch ist. die rote Farbänderung passiert nicht. Ich bemerke, dass die "contains" -Methode normalerweise als :contains geschrieben wird, aber ich konnte das nicht mit $(this) validieren.

$('#main-content-panel .entry').each(function() { 
     $(this).css('color', 'blue');  
});   

$('#main-content-panel .entry').each(function() { 
    if($(this).contains("Replace Me").length > 0) { 
     $(this).css('color', 'red'); 
    }  
}); 

Fiddle: http://jsfiddle.net/zatHH/

Answer 1

:contains ein Selektor ist. Um zu überprüfen, ob ein Wähler auf bestimmte Variable gilt, können Sie is verwenden:

if($(this).is(':contains("Replace Me")')) 

jedoch Vega Lösung Reiniger ist in diesem Fall.

Answer 2

Ich glaube nicht, gibt es eine .contains Funktion in jQuery. Es gibt eine .contains-Funktion, aber diese Funktion wird verwendet, um festzustellen, ob ein DOM-Element ein Nachkomme eines anderen DOM-Elements ist. See documentation for .contains. (Credits zu @beezir)

Ich denke, Sie suchen nach :contains Selektor. Siehe unten für weitere Details,

$('#main-content-panel .entry:contains("Replace Me")').css('color', 'red'); 

http://jsfiddle.net/zatHH/1/

Answer 3

können Sie match verwenden Sie den Text innerhalb des bestimmten Elements

$('#main-content-panel .entry').each(function() { 
    if($(this).text().match('Replace Me')) { 
     $(this).css('color', 'red'); 
    }  
}); 

Diese Werke sehen Updated Fiddle

Answer 4

Ich denke, finden wir unseren Text in Kleinbuchstaben umwandeln soll. Es ist besser, mit Klein- und Großbuchstaben zu prüfen.

$('#main-content-panel .entry').each(function() { 
    var ourText = $(this).text().toLowerCase(); // convert text to Lowercase 
    if(ourText.match('replace me')) { 
     $(this).css('color', 'red'); 
    }  
});