Jquery Checking to see if div contains text then action

Question

I m trying to check in jQuery if a div contains some text  and then add a class if it does   So I wrote something like this       if      field  gt  div field-item   text   indexOf  someText     0                somediv   addClass  thisClass            I m not getting this to work    lt div id  field  gt  lt div class  field-item  gt someText lt  div gt  lt  div gt    lt div id  somediv  gt  lt  div gt    Is this incorrect

User · Answer

Yes  I now made think for me  And it works fine     if    div contains  CONGRATULATIONS     length                                                            SignupForm   hide 500

User · Answer

Your code contains two problems    The equality operator in JavaScript is     not    jQuery text   joins all text nodes of matched elements into a single string  If you have two successive elements  of which the first contains  some  and the second contains  Text   then your code will incorrectly think that there exists an element that contains  someText     I suggest the following instead   if      field  gt  div field-item contains  someText     length  gt  0            somediv   addClass  thisClass

User · Answer

if      field  gt  div field-item   text   indexOf  someText    gt   0    Some browsers will include whitespace  others won t    gt   is appropriate here   Otherwise equality is double equals

User · Answer

Ayman is right but  you can use it like that as well     if      field  gt  div field-item   text   indexOf  someText    gt   0                somediv   addClass  thisClass

User · Answer

Why not simply  var item       field-item    for  var i   0  i  lt   item length  i             if    item i   text       someText                    item i   addClass  thisClass                   do some other stuff here

User · Answer

You might want to try the contains selector   if      field  gt  div field-item contains  someText     length            somediv   addClass  thisClass        Also  as other mentioned  you must use    or     rather than

User · Answer

Here s a vanilla Javascript solution in 2020   const fieldItem   document querySelector   field  field-item   fieldItem innerText      someText    fieldItem classList add  red

[jquery] Jquery: Checking to see if div contains text, then action

Examples related to jquery