jQuery遍历DOM的父级、子级和同级别元素的方法摘要。
下图显示了html中的结构树。通过jQuery遍历，您可以开始从选定的（当前）元素移动，并轻松地在家谱（祖先）、向下移动（后代）和水平移动（同胞）上移动。遍历父（祖先）
向上遍历DOM的数量。
通过以下三种方法，我们可以得到父元素：
母（）
父母（）
parentsuntil（）
1.jquery母（）
父（）方法返回所选元素的直接父元素。
此方法只会遍历顶层的DOM树。
文章题目
内容内容内容内容内容内容内容内容内容
端部
$（文档）Ready（函数（）{）
通过父（）函数，直接父元素可以获取当前元素。
var elem = $（'span）母（）；
console.log（元）；
}）；
2.jquery父母（）
父（）方法返回所选元素的所有父元素。
文章题目
内容内容内容内容内容内容内容内容内容
端部
$（文档）Ready（函数（）{）
（父）通过函数，您可以获取当前元素的父元素的所有元素。
var elem = $（'span）父母（）；
Console.log (elem);
}）；
3.jquery parentsuntil（）
的parentsuntil（）方法返回给定的两个元素之间的所有父元素
文章题目
内容内容内容内容内容内容内容内容内容
端部
$（文档）Ready（函数（）{）
在主体选项卡下获取所有父元素
var elem = $（'span）。ParentsUntil（'body）；
console.log（元）；
}）；
遍历路基（后裔）
沿着DOM树前进。
下面的两个函数可以用于向下遍历。
1.children（）
2.find（）
1.jquery儿童（）
孩子们（）方法返回所有选中元素的直接子元素。
此方法只在下一层遍历DOM树。
文章题目
内容内容内容内容内容内容内容内容内容
端部
$（文档）Ready（函数（）{）
获取分区选项卡下的所有直接子元素
var elem = $（'section）的孩子（）；
console.log（元）；
}）；
2.jquery找到（）
find（）方法返回所选元素的后代元素，并返回到最后一个后代。
文章题目
内容内容内容内容内容内容内容内容内容
端部
$（文档）Ready（函数（）{）
子元素获取标签区域下的所有p标记
var elem = $（'section）找到（'p'）；
console.log（元）；
在节选项卡下获取所有子元素
VaR（'section elems =美元），（*）；
console.log（单元）；
}）；
遍历-同级（兄弟）
有几种方法：
1.sibings（）
除了自身之外，同一级别的所有元素都将被遍历，并且修改应用于同一级别的所有元素。
2.next（）
除了自身，只有下一个元素被修改了。
3.nextall（）
除了自身之外，修改以下所有元素
4.nextuntil（）
除自身之外，以下元素按间隔进行修改
5.prev（）
修改最后一个元素
6.preall（）
修改元素上的所有元素
7.preuntil（）
区间上一个元素的区间修正
BD { {
保证金：5px；
填料：3px；
边境：3px黑色固体；
}
$（文档）Ready（函数（）{）
/ / $（H1）（兄弟姐妹）。Css（{边界：3px固体红}）
/ / $（H4）（NextAll），Css（{边界：4px灰色固体}）；
$（H）。Prev（），Css（{边界：3px固体绿}）；
}）；