JQueryを使用したHTMLトラバーサル機能の選択

JQueryを使うと、THML要素を簡単に選択できます。しかし、HTML 構造がより複雑な場合、選択した要素を調整するのが面倒になる場合があります。

1.子供たち

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

選択式をchildren()に渡して、選択結果を選択した要素に絞り込みます。

children() がパラメータを受け入れる場合、すべての直接の子が返され、その孫要素は返されません。

2.フィルター

この関数は、選択式を渡すことによってコレクションから要素をフィルターします。この式に一致しない要素は、選択したコレクションから削除されます。

3、そうではありません

filter のまったく逆で、not() は一致する要素をコレクションから削除します。

4、追加

コレクションに要素を追加したい場合はどうすればよいでしょうか? add() 関数はまさにこれを行います。

5、スライス

場合によっては、セット内の要素の位置に基づいてセットのサブセットを取得する必要があることがあります。 Slice() はまさにこれを行います。

最初のパラメータは、返されたフラグメントに含まれる、ゼロから始まる最初の要素の位置です。

2番目のパラメータは、最初の要素の0から始まるインデックスです。返されるフラグメントには含まれません。省略した場合、コレクションの最後まで拡張されます;

6、親

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

7、両親

これは複数形で、parents() はコレクションのすべての祖先要素を選択します。 「body」要素と「html」要素の直接の親を含むすべての祖先要素を意味します。したがって、式を渡すことによって選択を絞り込むことをお勧めします。

8、兄弟

この関数は、一連の要素の兄弟をすべて選択し、式を渡すと結果をフィルタリングできます。

9、前&前のすべて

prev()関数は前の兄弟ノードを選択します。 prevAll() は、要素セットの前にあるすべての兄弟ノードを選択します。

10、次と次すべて

これらの関数は、次の兄弟を選択することを除いて、 prev および prevAll と同じように機能します。