jQuery向父辈遍历的简单方法

通过数字正射影像图树可以可容易的访问到超文本标记语言文档中的所有元素

例如向上访问父辈的元素有以下方法

1.parent()方法可以得到所定元素的直接父元素

$(“跨度”).parent()；得到跨度元素的直接父元素

2 .父母()方法得到给定元素的所有父元素

$(“跨度”).父母();得到跨度元素的所有父元素

$(“跨度”).panents ' .文本');得到跨度元素的父元素中class='text '的元素

3.parentsUntil()方法得到两个给定元素之间的元素

$(“跨度”).parentsUntil(' .文本');得到跨度元素与class='text '元素之间的所有元素

！DOCTYPE html html head meta charset=' UTF-8 '脚本src=' http :http://cdn。静态的。鲁诺布。com/libs/jquery/1。10 .2/jquery。量滴js /脚本样式。容器{ float:left边距-左侧：30像素；}.容器div { border:1px纯灰色；margin:15px汽车；}.ancestor1-1,ancestor2-1、安塞斯托3-1、祖先4-1 {宽度：150 px高度：150 px} .ancestor1-2,ancestor2-2、安塞斯托3-2。祖先4-2 {宽度：120 px高度：120 px}.ancestor1-3,安塞斯托2-3、安塞斯托3-3、祖先4-3 {宽度：90 px高度：90 px} .现在是1。现在是2。现在是3。现在4 {宽度：60 px高度：60 px} /style脚本$(文档)。ready(function(){ $(。现在是1 ').父项()。css(“”边框颜色','红色');$(.现在是2 ' .父母()。css(“”边框颜色','红色');$(.现在是3 ' .父母(' .《祖先3-2 '》.css(“”边框颜色','红色');$(.现在是4 ' .parentsUntil('.ancestor4-1 ').css(“”边框颜色','红色');});/script/headdydiv class=' container ' div class='祖先1-1 ' div class='祖先1-2 ' div class='祖先1-3 ' div class=' now 1 '给定元素/div/div/div/div类='容器' div类='祖先2-1 ' div类='祖先2-2 ' div类='祖先2-3 ' div类='现在2 '给定元素/div/div/div/div类='容器' div类='祖先3-1 ' div类='祖先3-2 ' div class='祖先3-3 ' div class='现在3 '给定元素/div/div/div/div类='容器' div类='祖先4-1 ' div类='祖先4-2 ' div类='祖先4-3 ' div类='现在4 '给定元素/div/div /div/div/body/html效果图：

以上这篇jQuery向父辈遍历的简单方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。