jQuery内容选择器

4.jQuery内容选择器

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

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

jQuery 代码:
$("div:contains('John')")

结果:
[ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]

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

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

<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> ]

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

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

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

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

4.4：parent
匹配含有子元素或者文本的元素

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

<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> ]