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() 方法与其他的树遍历方法不同,其 filter 参数是必需的。
提示: 要返回所有后代元素,请使用 "*" 选择器。
语法
$(selector).find(filter)
参数 | 描述 |
---|---|
筛选器 | 必需。一个选择器表达式、元素或 jQuery 对象,用于过滤后代搜索。 注意: 要返回多个后代,请用逗号分隔每个表达式。 |
亲手尝试 - 示例
返回 <html> 的所有后代元素
使用 "*" 选择器返回所有作为 <html> 后代的元素。
返回所有作为 <ul> 后代的 <span> 元素
如何返回所有作为 <ul> 元素后代的 <span> 元素。
仅选择具有给定类名的后代
如何返回类名为 "first" 的后代元素。
返回多个后代
如何返回多个后代元素。
使用所有 <ul> 元素的 jQuery 集合过滤后代搜索
如何使用 jQuery 对象返回所有作为 <ul> 元素后代的 <span> 元素。
按标签名显示元素的后代
一个演示,展示了 <div> 元素的后代实际上是谁。