jQuery 遍历 - 祖先
第一部分:介绍方法
(1) parent():返回被选元素的直接父元素
(2) parents():返回被选元素的所有祖先,一直到文档的根元素(<html>)
(3) parentsUntil():返回介于两个给定元素之间的所有祖先元素
第二部分:代码结构展示
(1)这一张图中,我主要是写了HTML的结构,我用了一个<div>标签包裹了<ul>标签、<li>标签以及<span>标签。
(2)下面的图中主要是写了它的Css样式部分,以及JQ的部分,JQ部分中,我给按钮<button>
绑定了点击事件,并且给它设置了相对应的“遍历的方法”,后面的Css样式,我添加的是“背景颜色”,这样我们能更清楚的查看它的展示效果.
第三部分:效果图展示
(1)下面的图中,我们是没有展示效果之前的效果图
(2)这一张图中我们展示的是parent():返回被选元素的直接父元素的效果展示图.
(3)这一张图中我们展示的是parents():返回被选元素的所有的祖先元素,我给parents()
方法设置的Css的样式,是黄褐色的背景颜色,所以它选择的到了所有的祖先元素,
一直到html的根元素.
(4)parentsUntil()方法:这张图中返回的是div标签与span标签之间的所有祖先元素.
这是我所学到的jQuery 遍历 - 祖先,想分享给你们,希望可以帮助到你们。以上就是我的分享,如有更好的方法,欢迎大家推荐!写错的地方,欢迎大家在评论区指正!谢谢!