jQuery find() 方法

jQuery 遍历方法

find()方法返回与指定的selectorExpression匹配的所有后代元素。

find()方法沿着DOM元素的后代向下遍历,一直向下到最后一个后代。若要仅遍历DOM树下的单个级别(以返回直接子级),请使用children()方法。

语法:

$(selector).find(selectorExpression)

实例

从所有段落开始,并搜索后代span元素,与$("p span")相同:

$(document).ready(function(){
  $("p").find("span").css("background", "mediumpurple");
});
测试看看‹/›

返回多个后代元素:

$(document).ready(function(){
  $("p").find("span, i").css("background", "mediumpurple");
});
测试看看‹/›

返回所有属于div id="box"的子元素的DIV元素:

body(祖父)
div id="box"(父级)
div(直属孩子)
div(孙子)

p(曾孙) span(曾曾孙)

运行代码

参数值

参数描述
selectorExpression选择器表达式,元素或jQuery对象,以将元素与之匹配
注意:要搜索多个后代,请用逗号分隔每个表达式

jQuery 遍历方法