jQuery内容过滤选择器

:contains() Selector

匹配所有包含了给定文本的元素。

:empty Selector

匹配所有没有子节点或者没有text的节点。

:has() Selector

匹配指定选择器，并且至少匹配一个元素的元素。

:parent Selector

匹配所有含有子节点或者文本(text)的元素，这相对于empty 选择器使用的。

<script>
$("div:contains('John')").css("text-decoration", "underline");//查找所有包含"John"的div元素并给他们添加下划线
</script>

<script>
$("td:empty").text("Was empty!").css('background', 'rgb(255,220,200)');//查找所有元素为空--他们没有子元素或者text
</script>

<script>
$("div:has(p)").addClass("test");//添加class “test”到所有含有段落的的div元素上
</script>

<script>
$("td:parent").fadeTo(1500, 0.3);//查找所有包含子节点或者text的td元素
</script>