jQuery还提供以下方法来过滤节点。
方法 | 说明 |
first() | 获取第一个,示例 $('li').last() |
last() | 获取最后一个,示例$('li').last() |
eq() | 获取指定索引的节点,索引从0开始,示例$('li').eq(1),获取第二个li |
not() | 不包含某些,示例$('li').not("#d") |
filter() | 包含某些, 示例$("li").filter("#d"),未包含的未选取 |
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >过滤节点</ title > < script src = "" ></ script > < style > .box{ border: 1px solid blueviolet; padding: 1px; margin-bottom: 12px; } </ style > </ head > < body > < div > < ul id = "ul" > < li id = "a" >油条</ li > < li id = "b" >包子</ li > < li id = "c" >米饺</ li > < li id = "d" >< a >鱼粉</ a ></ li > </ ul > </ div > < script > $('li').filter("#d").attr("class", "box"); </ script > </ body > </ html > |
1使用first()方法过滤元素。
示例 $('li').first()
2使用last()方法过滤元素
示例 $('li').last()
3使用eq()方法过滤元素。
示例$('li').eq(1),获取第二个li
4使用not()方法过滤元素。
$("li").filter("#d")