内容选择器
筛选规则
内容选择器的过滤规则主要体现在它所包含的子元素或文本内容上
内容选择器
:contains('text') | 获取文本内容包括'text'的元素和后代元素中文本内容包括'text'的元素 |
:empty | 匹配所有不包含子元素或者文本的空元素 |
:has(selector) | 匹配所有包含选择器selector的元素,selector可以为元素、类等选择器 |
:parent | 匹配含有子元素或者文本的元素 |
使用说明
:contains(text)
html代码
<div class="left" id="aa1">
<div class="aaron" id="aa7">
<p id="aa5">div下的第一个p元素</p>
</div>
</div>
<div class="bottom" id="aa2">
<span class="prev" id="aa6">选择span器元素</span>
<div id="aa3">兄弟节点div
<div class="small" id="aa4">子元素div</div>
</div>
</div>
script:
$(":contains('span')").each(function(){
console.log($(this).attr("id"))
})
结果输出:
aa2
aa6