jQuery内容筛选选择器实例代码

内容筛选器

:contains/:has

:contains

:contains

:has

:contains

//查找所有class='div'中DOM元素中包含"contains"的元素节点

//并且设置颜色

$(".div:contains(':contains')").css("color", "#CD00CD");

//查找所有class='div'中DOM元素中包含"span"的元素节点

//并且设置颜色

$(".div:has(span)").css("color", "blue");

:parent/:empty

//选择所有包含子元素或者文本的a元素

//增加一个蓝色的边框

$("a:parent").css("border", "3px groove blue");

//找到a元素下面的所有空节点(没有子元素)

//增加一段文本与边框

$("a:empty").text(":empty").css("border", "3px groove red");