Jquery "contains" multiple values

Question

I am finding all the divs in a document which contains inside a text: 'thetext' and i am changing this text:

$("div:contains('thetext'):not(:has(*))").each(function () {

  $(this).text($(this).text() + " anotherTextAddedBefore");

 })

Is it possible to put inside contains multiple values? I would like to find the divs whic contains: 'thetext', but also another values, for example: 'thetext1', 'thetext2',etc

I`d want to make it in one procedure and not in more: dont want to use as many procedures as texts i´d like to find.

Thanks!

Answer 1

You can use the multiple selector as a or condition like

$("div:not(:has(*))").filter(":contains('thetext'), :contains('thetext2')").each(..)

Answer 2

A selector like this provides an OR condition -

$("div:contains('thetext'), div:contains('thetext1'), div:contains('thetext2')")

A selector like this provides an AND condition -

$("div:contains('thetext'):contains('thetext1'):contains('thetext2')")

Demo - http://jsfiddle.net/jayblanchard/3a72h/