日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery 遍历|祖先

發布時間:2025/3/21 编程问答 45 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery 遍历|祖先 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

祖先是父、祖父或曾祖父等等。
通過 jQuery,您能夠向上遍歷 DOM 樹,以查找元素的祖先。

向上遍歷 DOM 樹

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

parent()
parents()
parentsUntil()

parent() 方法

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

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

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

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

parents() 方法

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

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

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

<!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").parents().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> image.png

parentsUntil() 方法

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

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

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

image.png

總結

以上是生活随笔為你收集整理的jQuery 遍历|祖先的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。