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

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

标签：

原文地址：http://www.cnblogs.com/zipon/p/4778230.html