前端必知必会-jQuery 遍历 - 后代
文章目录
- jQuery 遍历 - 后代
- 遍历 DOM 树
- jQuery children() 方法
- jQuery find() 方法
- 总结
jQuery 遍历 - 后代
使用 jQuery，您可以遍历 DOM 树以查找元素的后代。
后代是子元素、孙元素、曾孙元素等等。
遍历 DOM 树
用于遍历 DOM 树的两个有用的 jQuery 方法是：
- children()
- find()
jQuery children() 方法
children() 方法返回所选元素的所有直接子元素。
此方法仅遍历 DOM 树的单个级别。
以下示例返回每个 <div> 元素的所有直接子元素：
示例
$(document).ready(function(){
$("div").children();
});
您还可以使用可选参数来过滤对子元素的搜索。
以下示例返回所有类名为“first”且为 <div> 直接子元素的
元素：
示例
$(document).ready(function(){
$("div").children("p.first");
});
jQuery find() 方法
find() 方法返回所选元素的后代元素，一直到最后一个后代。
以下示例返回所有为 <div> 后代的 <span> 元素：
示例
$(document).ready(function(){
$("div").find("span");
});
以下示例返回 <div> 的所有后代：
示例
$(document).ready(function(){
$("div").find("*");
});
总结
本文介绍了jQuery 遍历 - 后代的使用，如有问题欢迎私信和评论