JQuery过滤选择器(内容过滤)

1、:contains(text)  匹配包含给定文本的元素

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

查找所有包含‘John’的div元素

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

结果

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

2、:empty  匹配所有不包含子元素或者文本的空元素

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

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

$("td:empty")

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

3、:has(selector)    匹配含有选择器所匹配的元素的元素

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

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

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

结果

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

4、:parent  匹配含有子元素或者文本的元素

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

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

$("td:parent")

结果

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