【前端学习笔记】2015-09-02~~~~ 关于filter()匹配的使用

关于filter的使用先记录以下几点：

　　1.filter(':even')遍历所有元素，找到index为偶数的元素。。 ps： filter(':odd') odd----奇数 even---偶数

举例：

<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>

此时输出$('li').filter(':even').css('background-color','red'); 则结果item 1 3 5会变成红色

　　2.通过过滤函数，写法大致如此filter(function(index){})

具体例子如下:

<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>

此时输出

$('li').filter(function(index) {
return $('strong', this).length == 1;
}).css('background-color', 'red');

，过滤函数判断$('strong')选择器输出的数据长度不为0，及不为空，也就是存在strong标签的li