jQuery筛选器功能是一项有用的功能,可通过使用匹配的选择器或函数的测试从一组匹配的元素中提取元素。
1.过滤器(选择器)
在一组匹配的元素中,获取仅与filter()选择器匹配的元素。
例如,
$("div").filter("#div1").css('background-color', 'blue');
匹配所有div元素,然后选择ID为“ div1”的div元素,并将元素的背景色更改为蓝色。
2.过滤器(功能)
在一组匹配的元素中,获取通过功能测试的元素。 该函数在内部传递一个index参数,该参数代表匹配元素的索引,从0开始计数。
例如
$('div').filter(function(index) {
if(index==2 || index==3){ //0 index based
return true;
}
}).css('background-color', 'blue');
<ul>
<li><strong>list</strong> item 1 - one strong tag</li>
<li><strong>list</strong> item <strong>2</strong>
- two <span>strong tags</span></li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
<script>
$(function(){
$('li').filter(function(index) {
return $('strong', this).length == 1;
}).css('background-color', 'red');
})
</script>