jQuery内容过滤选择器

:contains(text)

描述: 查找所有包含 "John" 的 div 元素

HTML代码

<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>

jQuery代码

$("div:contains('John')")

结果

[ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]

:empty

描述: 查找所有不包含子元素或者文本的空元素

HTML代码

<table>
  <tr><td>Value 1</td><td></td></tr>
  <tr><td>Value 2</td><td></td></tr>
</table>

jQuery代码

$("td:empty")

结果

[ <td></td>, <td></td> ]

:has(selector)

描述: 给所有包含 p 元素的 div 元素添加一个 text 类

HTML代码

<div><p>Hello</p></div>
<div>Hello again!</div>

jQuery代码

$("div:has(p)").addClass("test");

结果

[ <div class="test"><p>Hello</p></div> ]

:parent

描述: 查找所有含有子元素或者文本的 td 元素

HTML代码

<table>
  <tr><td>Value 1</td><td></td></tr>
  <tr><td>Value 2</td><td></td></tr>
</table>

jQuery代码

$("td:parent")

结果

[ <td>Value 1</td>, <td>Value 2</td> ]

摘自 jQuery API 文档