ホームページ > 記事 > ウェブフロントエンド > jQuery セレクターは、すべての親要素とその下の要素を一度に取得します
今回は、すべての親要素と後続要素を一度に取得するための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)
現在の一致した要素の前にあるすべての兄弟要素を取得します(次のすべての反対)
$( "#id").children(selector)
🎜🎜 セレクターでフィルター処理するためのオプションのパラメーターを追加して、一致する要素の子要素を返します。 🎜🎜$("#id").find(selector)
🎜🎜現在の要素の子孫を取得します🎜🎜🎜🎜🎜🎜この記事の事例を読んだ後は、この方法を習得したと思います。 、もっと面白いことに注目してください php 中国語ウェブサイト🎜その他🎜関連記事! 🎜🎜推奨読書: 🎜🎜🎜 jquery で ajax をリクエストし、サーブレットで ajax を応答する🎜🎜🎜🎜🎜 スタートアップ ページでデータを即座にロードする jquery を実現する🎜🎜🎜🎜🎜 入力ボックスとドロップダウン ボックスの連携効果を実現する🎜 🎜🎜🎜 🎜JQueryドロップダウンボックスデータの動的取得を実現する方法🎜🎜🎜以上がjQuery セレクターは、すべての親要素とその下の要素を一度に取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。