English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JQueryを使ってHTMLを選択して機能を遍历する方法

JQueryを使用すると、HTML要素を選択することが非常に簡単です。しかし、HTMLの構造が比較的複雑な場合には、選択する要素を抽出することは少し手間がかかります。

1、children

この関数は、一連の要素の直接子要素を取得します。

選択エクスプレッションをchildren()に渡すと、選択された要素にまで結果を狭めます;

children()が何も引数を受け取らなければ、すべての直接子要素を返します。孫要素は返されません。

2、filter

この関数は、選択エクスプレッションを渡して集合から要素をフィルタリングします。このエクスプレッションに一致しない要素は選択された集合から除外されます。

3、not

filterとは逆の動作で、not()は集合からマッチする要素を削除します。

4、add

集合に要素を追加したい場合はどうしますか?63;add()関数がそのことを行います。

5、slice

時々、要素が集合内の位置に基づいて集合のサブセットを取得する必要があります。slice()がそのためにあります。

第1引数は、最初の要素の位置(0から始まる)です。返されるスライスには含まれます;

第2引数は、最初の要素のインデックス(0から始まる)です。返されるスライスには含まれません。省略すると、集合の最後にまで続きます;

6、parent

parent()関数は一連の要素の直接の親を選択します。

7、parents

これは複数形です、parents()は集合のすべての祖先要素を選択します。私の意図は、すべての祖先要素が直接の親から「body」および「html」要素までを含むことを意味します。したがって、結果を狭めるためにエクスプレッションを渡すのが最善です。

8、siblings

この関数は、グループのすべての兄弟要素を選択し、エクスプレッションを渡すことで結果をフィルタリングできます。

9、prev & prevAll

prev()関数は前の兄弟ノードを選択します。prevAll()は選択された要素集合の前のすべての兄弟ノードを選択します。

10、next & nextAll

これらの関数はprevとprevAllと同じように動作しますが、次の兄弟要素を選択します。

以上この記事は、JQueryを使用してHTMLをループする方法について、編集者が皆さんにシェアした全ての内容です。皆さんに参考になれば幸いですし、もっと「ノイズ・トレーニング」をサポートしていただけると嬉しいです。

おすすめ