Latest web development tutorials

jQueryのfind()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

戻る<UL>の子孫すべての<span>要素:

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

結果:

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

»をお試しください

定義と使用法

()メソッドを見つけ、選択した要素の子孫要素を返します。

子孫は、というように、子、孫、ひ孫、とあります。

DOMツリー:このメソッドは子孫DOM要素に沿って下方にトラバースされ、最後の子孫まで、すべてのパス(<HTML>)。 ただ、1階層下にDOMツリートラバーサルとして(直接の子要素を返す)、使用子供()メソッドを。

注:find()メソッドでフィルタパラメータは、他のツリートラバーサル方法とは異なり、必要とされます。

ヒント: "*"セレクタを使用し、要素のすべての子孫を返すに。


文法

$(selector).find( filter )

参数 描述
filter 必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。

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

例

より多くの例

戻る<HTML>すべての子孫要素
<HTML>すべての子孫の要素を返すために、 "*"セレクタを使用してください。

戻る<UL>すべての<span>要素の子孫
どのように<ulの>の子孫すべての<span>要素を返します。

与えられたクラス名を持つ子孫を選択
「1」という名前のクラスの子孫要素を返す方法。

複数の子孫を返します。
どのように複数の子孫要素を返します。

すべての世代<UL>要素のjQueryのコレクションで絞り込む検索
どのようにjQueryオブジェクトの子孫と<UL>要素のすべての<span>要素を返します。

要素のタグ名の子孫によるプレゼンテーション
デモの<div>要素の子孫。


jQueryのトラバーサル方法 jQueryのトラバーサル方法