jQuery si “ce” contient

Je suis en train de modifier tout élément contenant une chaîne de texte particulier à une couleur rouge. Dans mon exemple, je peux obtenir les éléments d'enfant à devenir bleu, mais il ya quelque chose à propos de la façon dont j'ai écrit le " Me Remplacer la ligne qui est incorrect; la couleur rouge de changement ne se produit pas. Je remarque que la "contient" la méthode est habituellement écrit comme :contains mais je ne pouvais pas obtenir que pour valider avec $(this).

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

Violon: http://jsfiddle.net/zatHH/

InformationsquelleAutor Chris | 2013-01-24
  1. 70

    :contains est un sélecteur. Pour vérifier si un sélecteur s'applique à la variable donnée, vous pouvez utiliser :

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

    Cependant Vega solution est plus propre dans ce cas.

    • grâce nécessaire pour $(this) +1
    • C'est parfait pour le traitement d'une instruction conditionnelle. Merci
    • Fonctionne magnifiquement lors de l'utilisation de jquery variable, comme $bodyText = $('div.bodyText ul li p'); Alors il peut être utiliser comme if($bodyText.is(':contains("some text")')) . L'apprécier.
    • J'avais besoin de cela, mais quand j'ai lu If this is contains, il sonne comme le plus stupide de l'anglais possible 🙂
    InformationsquelleAutor jkozera
  2. 17

    je ne pense pas qu'il y est un .contains fonction jQuery. Il y a un .contains fonction, mais cette fonction est utilisée pour vérifier si un élément du DOM est un descendant d'un autre élément du DOM. Voir la documentation de .contient. (Crédits de @beezir)

    Je pense que vous êtes à la recherche pour :contains sélecteur. Voir ci-dessous pour plus de détails,

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

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

    InformationsquelleAutor Selvakumar Arumugam
  3. 12

    vous pouvez utiliser match pour trouver le texte à l'intérieur de l'élément particulier

    JS:

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

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

    HTML:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="main-content-panel">
    <div class="entry">ABC</div>
    <div class="entry">ABC Replace Me</div>
    <div class="entry">ABC</div>
    <div class="entry">ABC Replace Me</div>
</div>

    • Cela m'a aidé. Semblable à VB.net ".contains()"
    • Fonctionne mais insensible à la casse
    InformationsquelleAutor mbharanidharan88
  4. 5

    Je pense que nous devons convertir notre texte en minuscules. Il est préférable de vérifier avec les minuscules et les majuscules.

    $('#main-content-panel .entry').each(function() {
    var ourText = $(this).text().toLowerCase(); //convert text to Lowercase
    if(ourText.match('replace me')) {
        $(this).css('color', 'red'); 
    }      
});
    • Juste ce dont j'avais besoin. A essayé de faire correspondre le travail plus tôt avec une variable, et cela m'a beaucoup aidé. je vous remercie.
    InformationsquelleAutor KoemsieLy