Jquery_jquery での子と検索の違いの詳細な分析

まず、次のような HTML コードの一部を確認します。

コードをコピーします。 コードは次のとおりです。

＆lt;テーブルId = "Tb"＆gt;
🎜> td＆gt;
＆lt;/tr＆gt;
td＆gt; 4＆lt;/td＆gt;
/td＆gt;



2 番目の tr の 2 番目の TD:



子:

コードをコピー

コードは次のとおりです:$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()

検索:

コードをコピー

コードは次のとおりです: $(" #tb>tbody").find("tr:eq(1) td:eq(1)").html() その結果、得られた値through 子は null 、および through find によって取得される値は次のとおりです。 4. これはなぜですか?

情報を確認すると、children で取得できるのはその要素の下位要素であり、find で取得できるのはその要素の下位要素すべてです。

上記に戻ると、$("#tb>tbody").children() は 2 つの tr 要素 (子要素 td を除く) を取得すると結論付けることができます。

子のセレクタは取得した2つのtr要素を条件でフィルタリングするものなので、上記の書き方では値を取得できません。

子を使用する必要がある場合は、次のように記述できます:

コードをコピーします

コードは次のとおりです: $("#tb>tbody").children("tr:last").children("td:eq(1)").html()