Jquery: Vérification pour voir si div contient du texte, puis l'action

Question

J'essaie de vérifier dans jQuery si un div contient du texte, puis ajouter une classe si c'est le cas.

J'ai donc écrit quelque chose comme ceci:

if($("#field > div.field-item").text().indexOf('someText') = 0) { 
     $("#somediv").addClass("thisClass"); 
    } 

Je ne reçois pas que cela fonctionne.

<div id="field"><div class="field-item">someText</div></div> 

<div id="somediv"></div> 

Est-ce incorrect?

Answer 1

Votre code contient deux problèmes:

• L'opérateur d'égalité en JavaScript est ==, pas =.
• jQuery.text() joint tous les nœuds de texte des éléments correspondants en une seule chaîne. Si vous avez deux éléments successifs, dont le premier contient 'some' et le second contient 'Text', alors votre code pensera à tort qu'il existe un élément qui contient 'someText'.

Je suggère ce qui suit à la place:

if ($('#field > div.field-item:contains("someText")').length > 0) { 
    $("#somediv").addClass("thisClass"); 
} 

Answer 2

Vous pourriez vouloir essayer le sélecteur contains:

if ($("#field > div.field-item:contains('someText')").length) { 
    $("#somediv").addClass("thisClass"); 
} 

En outre, comme mentionné d'autres, vous devez utiliser == ou === plutôt que =.

Answer 3

if($("#field > div.field-item").text().indexOf('someText') >= 0) 

Certains navigateurs incluront des espaces, d'autres non. >= est approprié ici. Sinon, l'égalité est à double égal ==

Answer 4

Ayman est juste, mais, vous pouvez l'utiliser comme ça aussi:

if($("#field > div.field-item").text().indexOf('someText') >= 0) { 
     $("#somediv").addClass("thisClass"); 
    } 

Answer 5

Oui, maintenant je fait un penser pour moi. Et ça marche bien !!!

if($("div:contains('CONGRATULATIONS')").length) 
         { 
          $('#SignupForm').hide(500); 
         } 

IT fonctionne très bien

Answer 6

Pourquoi ne pas simplement

var item = $('.field-item'); 
for (var i = 0; i <= item.length; i++) { 
     if ($(item[i]).text() == 'someText') { 
      $(item[i]).addClass('thisClass'); 
      //do some other stuff here 
      } 
    }