最新的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的遍歷方法