标签:属性 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‘);
标签:属性 aaa not tle eee span 过滤 select 对象
原文地址:https://www.cnblogs.com/caicaihong/p/9390067.html