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




 
                    
            
                

相关文章:

  • 2022-02-23
  • 2021-06-02
  • 2022-01-02
  • 2021-06-26
  • 2021-10-02
  • 2021-11-27
  • 2022-12-23
  • 2021-04-30
猜你喜欢
  • 2021-11-10
  • 2021-10-20
  • 2021-11-24
  • 2022-02-28
  • 2021-07-27
  • 2022-01-26
  • 2021-08-02
相关资源
相似解决方案