jQuery-遍历

原创 2016年05月31日 17:22:25

这里写图片描述

<div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先。
<ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素
左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素,同时是 <div> 的后代。
<span> 元素是 <li> 的子元素,同时是 <ul> 和 <div> 的后代。

jQuery遍历-祖先 向上遍历DOM树

parent()-返回被选元素的直接父元素
parents()-返回被选元素的所有祖先元素。

也可以指定参数eg: parents("ul")
$(document).ready(function(){
  $("span").parents("ul");
}); 
//返回<span>元素的所有祖先,且它是<ul>元素

parentsUntil()-返回介于两个给定元素之间的所有祖先元素。

jQuery遍历后代
children()-返回被选元素的所有直接子元素

也可以使用参数来指定。
$(document).ready(function(){
  $("div").children("p.1");
}); 
//返回class="1"且是<div>的直接子元素的所有<p>元素,

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

$(document).ready(function(){
  $("div").find("span");
}); //返回<div>后代的所有<span>元素
$(document).ready(function(){
    $("div").find("*");
});//返回<div>的所有后代

在DOM树中水平遍历
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()

jQuery遍历-过滤,缩小搜索的范围
first()-返回被选元素的首个元素
filter()-返回满足条件的元素
not()-返回不匹配条件的所有元素
last() -返回被选元素的最后一个元素
eq()-返回被选元素中带有指定索引号的元素。
索引号从 0 开始,因此首个元素的索引号是 0 而不是 1

$(document).ready(function(){
  $("p").eq(1);
}); //选取第二个<p>元素(索引号1)
版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery遍历节点树

  • 2011年03月29日 16:36
  • 2KB
  • 下载

JQuery遍历的知识

  • 2012年09月28日 14:33
  • 21KB
  • 下载

jquery遍历table的tr获取td的值实现方法

jquery遍历table的tr获取td的值实现方法 下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考...

jQuery对select遍历option(添加、移除)

jquery 获取select值的情况有两种:一种是获得 select 的被选中的那个 option 的 value值,一种是获得 select 的被选中的那个 option 的 innerHTML(...

jQuery之dom操作(遍历节点)

jQuery之dom操作(遍历节点) children()/children(selector)  --  只考虑子元素,不考虑其他后代元素 next()/next(selector)  ...

jQuery 遍历json循环输出 书签

书签 $(function(){ var arr =[ {"text":"条件注释判断浏览器","url":"http://www.cnblogs...

jquery遍历ajax返回的json数据

jquery遍历ajax返回的json数据 我们以前在前端遍历ajax拿到的数据一般都是用for或其他方式遍历,这样做麻烦且费事,效率不高,下面提供一个函数,只需把此函数放到jquery文件中,调用函...

浅析jQuery对select操作小结(遍历option,操作option)

是关于jQuery对select的操作进行了总结介绍

jQuery遍历对象/数组/集合

1.jquery 遍历对象     "-//W3C//DTD HTML 4.0 Transitional//EN">             New Document      "javascript...

Jquery中的DOM操作 (八.遍历节点)

1.childrend()方法 该方法用于取得匹配元素的子元素集合. 2.next()方法 该方法用于取得匹配元素后面紧邻的同辈元素 3.prev()方法 该方法用于取得匹配元素前面紧邻的同辈元素...
  • NDKHBWH
  • NDKHBWH
  • 2017年03月06日 17:01
  • 132
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery-遍历
举报原因:
原因补充:

(最多只允许输入30个字)