博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
遍历DOM树,过滤节点
阅读量:6860 次
发布时间:2019-06-26

本文共 959 字,大约阅读时间需要 3 分钟。

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")

转载于:https://www.cnblogs.com/TangGe520/p/9131871.html

你可能感兴趣的文章
Python全栈开发day9
查看>>
算法笔记 --- Insertion Sort
查看>>
子父表
查看>>
CUDA npp运动检测模块性能测试
查看>>
前端单点登录(SSO)实现方法(二级域名与主域名)
查看>>
extjs客户端与ABP框架的服务端数据交互杂记
查看>>
kali linux fuzz工具集简述
查看>>
微信小程序云开发不完全指北
查看>>
《构建之法》阅读笔记二
查看>>
20165324 前四周总结反思
查看>>
11.11评价
查看>>
第一章--第一节:环境搭建
查看>>
hdu 2665 划分树
查看>>
hdu 4251 划分树
查看>>
poj 1704 Georgia and Bob(阶梯博弈)
查看>>
JQuery中的$.ajax()
查看>>
js 幻灯片
查看>>
Keras序列模型学习
查看>>
[bzoj2809] 派遣
查看>>
Flask 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法
查看>>