码迷,mamicode.com
首页 > Web开发 > 详细

jQuery之过滤元素

时间:2018-07-30 14:44:33      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:属性   aaa   not   tle   eee   span   过滤   select   对象   

还是那句话,这些知识一个小小的练习,更多的请看jQuery手册

在jQuery对象中的元素对象数组中过滤出一部分元素来
1. first()
2. last()
3. eq(index|-index)
4. filter(selector)
5. not(selector)
6. has(selector)

需求:
1. ul下li标签第一个
2. ul下li标签的最后一个
3. ul下li标签的第二个
4. ul下li标签中title属性为hello的
5. ul下li标签中title属性不为hello的
6. ul下li标签中有span子标签的

<ul>
  <li>AAAAA</li>
  <li title="hello" class="box2">BBBBB</li>
  <li class="box">CCCCC</li>
  <li title="hello">DDDDDD</li>
  <li title="two"><span>BBBBB</span></li>
</ul>
<li>eeeee</li>
<li>EEEEE</li>
<br>

具体实现如下:

//获得ul下的所有li
  var $lis = $("ul>li");
    // 1. ul下li标签第一个
    //$lis.first().css("background","red");

    // 2. ul下li标签的最后一个
    $lis.last().css("background","red");
    // 3. ul下li标签的第二个
    $lis.eq(1).css("background","red")
    // 4. ul下li标签中title属性为hello的
    $lis.filter("[title=‘hello‘]").css("background","red");
    // 5. ul下li标签中title属性不为hello的
    $lis.filter(‘[title!=hello]‘).filter(‘[title]‘).css(‘background‘, ‘red‘)
    $lis.not(‘[title=hello]‘).css(‘background‘, ‘red‘)
    // 6. ul下li标签中有span子标签的
    $lis.has("span").css(‘background‘, ‘red‘);

 

jQuery之过滤元素

标签:属性   aaa   not   tle   eee   span   过滤   select   对象   

原文地址:https://www.cnblogs.com/caicaihong/p/9390067.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!