例
すべての戻り<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>要素が実際にあります。