Jquery: Sprawdzanie, czy element div zawiera tekst, a następnie akcja

Question

Próbuję sprawdzić w jQuery, czy element div zawiera jakiś tekst, a następnie dodać klasę, jeśli tak się dzieje.

Więc napisałem coś takiego:

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

nie otrzymuję to do pracy.

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

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

Czy to jest nieprawidłowe?

Answer 1

Twój kod zawiera dwa problemy:

• Operator równości w JavaScript jest == nie =.
• jQuery.text() łączy wszystkie węzły tekstowe dopasowanych elementów w jeden ciąg znaków. Jeśli masz dwa kolejne elementy, z których pierwszy zawiera 'some', a drugi zawiera 'Text', to Twój kod błędnie pomyśli, że istnieje element zawierający 'someText'.

Proponuję następujące zamiast:

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

Answer 2

Możecie spróbować selektor contains:

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

Ponadto, jak wspomniano inny, należy użyć albo == === raczej niż =.

Answer 3

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

Niektóre przeglądarki zawierają białe znaki, inne nie. >= jest odpowiednie tutaj. W przeciwnym razie równości jest podwójne równi ==

Answer 4

Ayman ma rację, ale można go używać tak jak dobrze:

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

Answer 5

Tak, teraz zanotował, że dla mnie. I działa dobrze !!!

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

działa dobrze

Answer 6

Dlaczego nie po prostu

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