jQuery find()メソッド
例
<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)
定義と使用法
find()メソッドは、選択した要素の子孫要素を返します。
子孫は、子、孫、曽孫などです。
DOMツリー:このメソッドは、DOM要素の子孫に沿って下向きにトラバースし、最後の子孫まで下に移動します。DOMツリーの1つのレベルだけをトラバースするには(直接の子を返すため)、 children()メソッドを使用します。
注:他のツリートラバーサルメソッドとは異なり、find()メソッドにはフィルターパラメーターが必要です。
ヒント:すべての子孫要素を返すには、「*」セレクターを使用します。
構文
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
自分で試してみてください-例
返す「*」セレクターを使用して、<html>の子孫であるすべての要素を返します。
すべての<span>要素を返す<ul>要素の子孫であるすべての<span>要素を返す方法。
。クラス名が「first」の子孫要素を返す方法。
を返す複数の子孫要素を返す方法。
ます。jQueryオブジェクトを使用して<ul>要素の子孫であるすべての<span>要素を返す方法。
する<div>要素の子孫が実際に誰であるかを示すデモンストレーション。