在线 html 过滤,{HTML5}过滤选择器-第四节-内容过滤器-上

​内容过滤器的过滤规则主要是包含的子元素或文本内容上。

//选择元素文本节点含有 baidu文本的元素

$('div:contains("baidu")').css('background', '#ccc');

$('div:empty').css('background','#ccc');         //选择空元素

$('ul:has(.red)').css('background','#ccc');      //选择子元素含有 class 是 red 的元素

$(':parent').css('background','#ccc');           //选择非空元素

jQuery 提供了一个 has()方法来提高:has 过滤器的性能：

$('ul').has('.red').css('background','#ccc');        //选择子元素含有 class 是 red的元素

jQuery 提供了一个名称和:parent 相似的方法，但这个方法并不是选取含有子元素或文本的元素，而是获取当前元素的父元素(节点操作)，返回的是元素集合。

$('li').parent().css('background','#ccc');          //选择当前元素的父元素

$('li').parents().css('background','#ccc');         //选择当前元素的父元素及祖先元素

$('li').parentsUntil('div').css('background','#ccc');   //选择当前元素遇到 div 父元素停止​