jQuery :contains selector to search for multiple strings

Question

假设我有:

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

如果我需要查找包含“John”和“Mary”的所有

元素，我将如何构造 jQuery？

搜索单个字符串似乎很容易:

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

我正在寻找类似以下伪代码的内容:

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

谢谢!

Answer 1

回答

要查找文本包含 Mary AND John 的 li:

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

要查找文本包含 Mary OR John 的 li:

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

说明

只需将 :contains 想象为一个类声明，如 .class:

$('li.one.two').      // Find <li>'s with classes of BOTH one AND two
$('li.one, li.two').  // Find <li>'s with a class of EITHER one OR two

与:contains相同:

$('li:contains("Mary"):contains("John")').      // Both Mary AND John
$('li:contains("Mary"), li:contains("John")').  // Either Mary OR John

演示

http://jsbin.com/ejuzi/edit