最新的Web开发教程
 

jQuery find() Method

<jQuery的遍历方法

返回所有<span>元素是后人<ul>

$(document).ready(function(){
    $("ul").find("span").css({"color": "red", "border": "2px solid red"});
});

结果:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)
试一试»

定义和用法

find()方法返回后代所选元素的元素。

后裔是一个孩子,孙子,曾孙,等等。

DOM树:此方法向下沿遍历DOM元素的后代,一路下降到最后的后裔。 要只遍历一个级别向下DOM树(返回直接孩子),使用children()方法。

注意: 滤波器参数是必需的find()方法,不同的树遍历方法的其余部分。

提示:要返回所有后代元素,用"*"选择。


句法

$(selector).find( filter )

参数 描述
filter 需要。 选择器表达式,元素或jQuery对象来筛选后代搜索

注意:要返回多个后代,每个表达式用逗号分隔。

试一试 - 示例

返回的所有后代元素<html>
使用"*"选择返回是后人的所有元素<html>

返回所有<span>元素是后人<ul>
如何返回所有<span>元素是一个后裔<ul>元素。

只有选择后代与给定的类名
如何返回后代元素与类名"first"

返回多个子孙
如何返回多个后代元素。

过滤搜索后裔与所有的一个jQuery集合<ul>元素
如何返回所有<span>这是一个后代元素<ul>使用jQuery对象元素。

显示元素由标记名称的后代
演示,显示一个谁的后代<div>元素实际上是。


<jQuery的遍历方法