ホームページ > ウェブフロントエンド > jsチュートリアル > すべての親要素、兄弟要素、子要素のインスタンスを取得する jQuery の詳細な説明

すべての親要素、兄弟要素、子要素のインスタンスを取得する jQuery の詳細な説明

小云云
リリース: 2018-01-24 10:36:46
オリジナル
2160 人が閲覧しました

この記事では、jQuery のすべての親要素、兄弟要素、子要素を取得する方法を主に紹介しますので、必要な方は参考にしていただければ幸いです。 。

1. 親要素を取得します

$("#id").parent()$("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

获取其最近的祖先元素,依次上溯

--------------------------------------------------------------------------------

2.获取同级元素

$("#id").next(selector)

获得匹配元素紧邻的下一个同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

$("#id").nextAll(selector)

获得匹配元素后面的所有同胞元素,由选择器筛选是可选的。

$("#id").prev(selector)

获得匹配元素紧邻的前一个同胞元素(与next相反)

$("#id").prevAll(selector)

获得当前匹配元素前面的所有同胞元素(与nextAll相反)

--------------------------------------------------------------------------------

3.获取子元素

$("#id").children(selector)

返回匹配元素的子元素,添加可选参数可通过选择器进行过滤。

$("#id").find(selector)

その親要素を取得します


$("#id") 。 parents()

すべての祖先要素を取得します

$("#id").closest()

順番に遡って最も近い祖先要素を取得します

- - ------------------------------------------------- - ------------------------

2. 兄弟要素を取得します

$("#id " ).next(selector)

一致する要素のすぐ隣にある次の兄弟要素を取得します。セレクターが指定されている場合は、セレクターに一致する次の兄弟要素を取得します。


$("#id").nextAll(selector)

🎜 一致した要素の後のすべての兄弟要素を取得します。セレクターによるフィルター処理はオプションです。 🎜🎜$("#id").prev(selector)🎜🎜 一致した要素の直前の兄弟要素 (次の反対側) を取得します 🎜🎜$("#id") . prevAll(selector)🎜🎜現在一致する要素の前にあるすべての兄弟要素を取得します(nextAllの反対)🎜🎜--------------------- -- ------------------------------------------------ -- ----🎜🎜🎜3. 子要素を取得します🎜🎜🎜$("#id").children(selector)🎜🎜 一致する要素の子要素を返します。オプションのパラメータを追加できます。 . セレクターでフィルターします。 🎜🎜$("#id").find(selector)🎜🎜現在の要素の子孫を取得します🎜🎜🎜関連推奨事項: 親要素、子要素を取得するための 🎜🎜🎜🎜js および jquery , 兄弟要素の実装方法_javascriptスキル🎜🎜🎜🎜jQueryの親要素と兄弟要素search_jquery🎜🎜🎜🎜jqueryセレクターを使用して親要素、兄弟要素、子要素を取得する方法_jquery🎜🎜🎜🎜🎜

以上がすべての親要素、兄弟要素、子要素のインスタンスを取得する jQuery の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート