ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery セレクターは、すべての親要素とその下の要素を一度に取得します

jQuery セレクターは、すべての親要素とその下の要素を一度に取得します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-15 10:15:471572ブラウズ

今回は、すべての親要素と後続要素を一度に取得するためのjQueryセレクターについて説明します。以下は実際のケースです。立ち上がって見てください。

1. 親要素を取得します

$("#id").parent()

その親要素 $("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

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

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

2.获取同级元素

$("#id").<a href="http://www.php.cn/wiki/1071.html" target="_blank">next</a>(selector)

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

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

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

$("#id").<a href="http://www.php.cn/wiki/1074.html" target="_blank">prev</a>(selector)

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

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

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

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

3.获取子元素

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

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

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

$("#id") を取得します。 ()

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

$("#id").closest()

最も近い祖先要素を取得し、順番に上に進みます

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

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

$("#id") 。 <a href="http://www.php.cn/wiki/1071.html" target="_blank">next</a>(selector)

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

$("#id").nextAll(selector)
一致した要素の後のすべての兄弟要素を取得します。セレクターによるフィルター処理はオプションです。

$("#id").<a href="http://www.php.cn/wiki/1074.html" target="_blank">prev</a><a href="http://www.php.cn/js-tutorial-388607.html" target="_blank">(セレクター)</a>
一致した要素の直前の兄弟要素(次の反対側)を取得します

$("#id").prevAll(selector)現在の一致した要素の前にあるすべての兄弟要素を取得します(次のすべての反対)

----------------------------------------------------- -------- ----------------------------------🎜🎜🎜3. 子要素を取得します。 🎜🎜🎜$( "#id").children(selector)🎜🎜 セレクターでフィルター処理するためのオプションのパラメーターを追加して、一致する要素の子要素を返します。 🎜🎜$("#id").find(selector)🎜🎜現在の要素の子孫を取得します🎜🎜🎜🎜🎜🎜この記事の事例を読んだ後は、この方法を習得したと思います。 、もっと面白いことに注目してください php 中国語ウェブサイト🎜その他🎜関連記事! 🎜🎜推奨読書: 🎜🎜🎜 jquery で ajax をリクエストし、サーブレットで ajax を応答する🎜🎜🎜🎜🎜 スタートアップ ページでデータを即座にロードする jquery を実現する🎜🎜🎜🎜🎜 入力ボックスとドロップダウン ボックスの連携効果を実現する🎜 🎜🎜🎜 🎜JQueryドロップダウンボックスデータの動的取得を実現する方法🎜🎜🎜

以上がjQuery セレクターは、すべての親要素とその下の要素を一度に取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。