最稳的pk10计划iphone 北京pk10计划手机软件 北京pk10数字的规律 超神手机版pk10软件 pk10北京赛车9码技巧 pk10四期倍投计划表 pk10极速赛车论坛 北京赛车冠军怎样选5码 北京赛车系统下载安装 pk10教程视频 北京pk10选号公式 北京赛车pk10赚钱技巧 北京赛车怎么提升概率 pk10技巧北京快三 北京pk10大小计划
VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
當前位置:
首頁 > 網站開發 > JQuery >
  • JavaScript教程之jQuery 遍歷 - 祖先

  • 2017-05-09 21:45 來源:未知

jQuery 遍歷 - 祖先


祖先是父、祖父或曾祖父等等。

通過 jQuery,您能夠向上遍歷 DOM 樹,以查找元素的祖先。


向上遍歷 DOM 樹

這些 jQuery 方法很有用,它們用于向上遍歷 DOM 樹:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() 方法

parent() 方法返回被選元素的直接父元素。

該方法只會向上一級對 DOM 樹進行遍歷。

下面的例子返回每個 <span> 元素的的直接父元素:

實例

$(document).ready(function(){ $("span").parent(); });

嘗試一下 »


jQuery parents() 方法

parents() 方法返回被選元素的所有祖先元素,它一路向上直到文檔的根元素 (<html>)。

下面的例子返回所有 <span> 元素的所有祖先:

實例

$(document).ready(function(){ $("span").parents(); });

嘗試一下 »

您也可以使用可選參數來過濾對祖先元素的搜索。

下面的例子返回所有 <span> 元素的所有祖先,并且它是 <ul> 元素:

實例

$(document).ready(function(){ $("span").parents("ul"); });

嘗試一下 »


jQuery parentsUntil() 方法

parentsUntil() 方法返回介于兩個給定元素之間的所有祖先元素。

下面的例子返回介于 <span> 與 <div> 元素之間的所有祖先元素:

實例

$(document).ready(function(){ $("span").parentsUntil("div"); });



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.ancestors *
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
 
<body class="ancestors"> body (曾曾祖父元素)
  <div style="width:500px;">div (曾祖父元素)
    <ul>ul (祖父元素)  
      <li>li (父元素)
        <span>span</span>
      </li>
    </ul>   
  </div>
</body>
 
</html>

pk10赛车冠军技巧
最稳的pk10计划iphone 北京pk10计划手机软件 北京pk10数字的规律 超神手机版pk10软件 pk10北京赛车9码技巧 pk10四期倍投计划表 pk10极速赛车论坛 北京赛车冠军怎样选5码 北京赛车系统下载安装 pk10教程视频 北京pk10选号公式 北京赛车pk10赚钱技巧 北京赛车怎么提升概率 pk10技巧北京快三 北京pk10大小计划
云南11选5中奖规则 亿鼎彩票游戏 河北快三官网计划软件 重庆时时彩开奖记录 龙王捕鱼只打龙王炮 山西快乐10分预测 开个彩票中心赚钱吗 丫丫湖南棋牌 千炮捕鱼内购破解版下载