jQuery find() 方法
示例
返回 <ul> 元素的所有 <span> 后代元素
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
结果
body (曾祖元素)
div (祖元素)ul (父元素)- li (子元素) span (孙元素)
亲自试一试 »
定义和用法
find() 方法返回被选元素的所有后代元素。
后代元素包括子元素、孙元素、曾孙元素等等。
DOM 树：此方法沿着 DOM 元素的后代向下遍历，一直到最后一个后代。要只遍历 DOM 树向下的一层（返回直接子元素），请使用 children() 方法。
注意：与其他树遍历方法不同，find() 方法需要 筛选器 参数。
提示：要返回所有后代元素，请使用 "*" 选择器。
语法
$(选择器).find(筛选器)
| 参数 | 描述 |
|---|---|
| 筛选器 | 必需。一个选择器表达式、元素或 jQuery 对象，用于筛选后代的搜索 注意：要返回多个后代，请用逗号分隔每个表达式。 |
亲自试一试 - 示例
返回 <html> 的所有后代元素
使用 "*" 选择器返回 <html> 的所有后代元素。
返回 <ul> 元素的所有 <span> 后代元素
如何返回 <ul> 元素的所有 <span> 后代元素。
仅选择具有给定类名的后代
如何返回类名为 "first" 的后代元素。
返回多个后代
如何返回多个后代元素。
使用包含所有 <ul> 元素的 jQuery 集合来筛选后代搜索
如何使用 jQuery 对象返回 <ul> 元素的所有 <span> 后代元素。
按标签名称显示元素的后代
演示 <div> 元素的后代元素实际上是什么。
