jQueryのfind()メソッド
例
戻る<UL>の子孫すべての<span>要素:
$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});
$("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>要素の子孫。