jQuery 遍历

最新推荐文章于 2024-07-16 16:43:05 发布

weixin_34242819

最新推荐文章于 2024-07-16 16:43:05 发布

阅读量72

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/ochmdlc/blog/838647

版权

2019独角兽企业重金招聘Python工程师标准>>>

jQuery 方法很有用，它们用于向上遍历 DOM 树：

parent() 方法返回被选元素的直接父元素
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>) 您也可以使用可选参数来过滤对祖先元素的搜索
```
$("span").parents("ul");
```
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素
```
$("span").parentsUntil("div");
```

下面是两个用于向下遍历 DOM 树的 jQuery 方法：

children() 方法返回被选元素的所有直接子元素

您也可以使用可选参数来过滤对子元素的搜索$("div").children("p.1");返回类名为 "1" 的所有 <p> 元素

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代

$("div").find("*");返回 <div> 的所有后代

$("div").find("span");返回属于 <div> 后代的所有 <span> 元素

有许多有用的方法让我们在 DOM 树进行水平遍历：

siblings() 方法返回被选元素的所有同胞元素
next() 方法返回被选元素的下一个同胞元素
nextAll() 方法返回被选元素的所有跟随的同胞元素
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素
prev()
prevAll()
prevUntil()

jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

$("p").filter(".intro");返回带有类名 "intro" 的所有 <p> 元素

not() 方法返回不匹配标准的所有元素 not() 方法与 filter() 相反。

each遍历

$("li").each(function(){
    alert($(this).text())

$(selector).each(function(index,element))

$("li").each(function(index,value){
                   str+='<li>'+$(this).text()+'</li>';
                   console.log(this); //节点
                   console.log($(this)); //dom对象
                   console.log($(this).text()) //文本内容
               })

转载于:https://my.oschina.net/ochmdlc/blog/838647