jQuery :contains selector to search for multiple strings

Question

Assuming i have:

<li id="1">Mary</li>
<li id="2">John, Mary, Dave</li>
<li id="3">John, Dave, Mary</li>
<li id="4">John</li>

If i need to find all <li> Elements which contain "John" and "Mary", how would i construct the jQuery?

A search for a single string seems easy:

$('li:contains("John")').text()

I am looking for something like the following pseudo code:

$('li:contains("John")' && 'li:contains("Mary")').text()

Thanks!

Answer 1

How about

$('li:contains("John"),li:contains("Mary")')

Answer 2

In JQuery, you can separate selectors (along with custom selectors) by a comman ,:

$('selector1, selector2, selector3, and_so_on...')

Answer 3

answer

I think it's more something like:

$('li:contains("Mary"):contains("John")').

explanation

Just think of :contains just as it wass .someClass:

$('li.classone, li.classtwo'). //you want either classone OR classtwo
$('li.classone.classtwo'). //you want BOTH on one element
/* same with :contains */
$('li:contains("mary"), li:contains("john")'). // either one OR two
$('li:contains("mary"):li:contains("john")'). //li, which contains both

snippet

proof:

http://jsbin.com/ejuzi/edit