【前端学习笔记】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