Jquery: Comprobando si div contiene texto, entonces acción

Question

Estoy tratando de registrar en jQuery si un div contiene algo de texto, y luego agrego una clase si lo hace.

así que escribí algo como esto:

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

ahora no recibo que esto funcione.

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

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

¿Es esto incorrecto?

Answer 1

Su código contiene dos problemas:

• El operador de igualdad en JavaScript es ==, no =.
• jQuery.text() une todos los nodos de texto de elementos coincidentes en una sola cadena. Si tiene dos elementos sucesivos, de los cuales el primero contiene 'some' y el segundo contiene 'Text', su código pensará incorrectamente que existe un elemento que contiene 'someText'.

Sugiero lo siguiente en su lugar:

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

Answer 2

Es posible que desee probar el selector de contains:

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

También, como otra mencionado, debe utilizar == === o en lugar de =.

Answer 3

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

Algunos navegadores incluirán espacios en blanco, otros no lo harán. >= es apropiado aquí. De lo contrario, la igualdad es iguales dobles ==

Answer 4

Ayman es correcta, pero, se puede usar como esa, así:

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

Answer 5

Sí, ahora hizo una reflexión para mí. Y funciona bien!

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

funciona bien

Answer 6

Por qué no simplemente sintaxis

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 
      } 
    }