jQuery筛选器--内容选择器

内容选择器

筛选规则

内容选择器的过滤规则主要体现在它所包含的子元素或文本内容上

内容选择器

 

: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