ID セレクターの使用に加えて、CSS スタイルで dom element_html/css_WEB-ITnose を一意に決定できますか

私たちが取り組んでいる関数は変更のターゲットを決定する必要がありますが、すべての DOM 要素に ID があるわけではないため、ここで行き詰まっています。ID がない場合に DOM 要素を決定する方法は次のとおりです。

ディスカッションへの返信（解決策）

クラス属性など、条件に基づいて選択する方法はたくさんあります
たとえば、トラバースして他の属性を判断する

投稿者は、の使用法を見るとそれがわかりますJQ セレクターにはさまざまな形式があります。実際、その原理は本質的には要素を走査し、他の属性に基づいて判断するという上記のものとまったく同じですが、自分で記述するよりもはるかに便利です。

もちろん、いくつかのオブジェクトを取得するのが簡単であるという理由だけで JQ を使用することはお勧めできません。時間があれば、その機能を詳しく見てみましょう。ページ内でより多くの役割を果たせるようになると、利便性と使用コストの比率がより適切になります。

もう 1 つ便利なことについて言及するのを忘れていましたが、それは、探しているターゲットに関連する他の見つけやすいターゲットからターゲットを見つけることです。複雑に聞こえますが、実際は次のように理解するのが簡単です:

....

• ...
< /ul>

ドキュメント内のすべての要素オブジェクトを検索する必要はなく、その上位 UL が存在する場所のみを検索する必要があるとします。 theforever_csdn という名前の ID があるため、UL サブオブジェクト内の LI サブオブジェクトを探すだけです。

これは、親要素から子要素を検索することです。同様に、兄弟要素から兄弟要素を検索したり、子要素から親要素を検索したりすることもできます。 DOM メソッドをもっと見てください。

もう 1 つ便利なことについて言及するのを忘れていましたが、それは、探しているターゲットに関連する他の見つけやすいターゲットからターゲットを見つけることです。複雑に聞こえますが、実際は次のように理解するのが簡単です:

....

• ...
< /ul>

内部の LI を見つけたいとします。上位 UL が存在する上位 DIV を渡すだけです。 thefore という名前の ID です...
ID 以外に DOM 要素を一意に識別する方法を知っている人はいますか?クラスや親の支配を通過する方法はありません。あるいは、私はそれを期待していなかったかもしれません。

DOM 要素を一意に決定する方法はありません。クラスや上位と下位の関係を通じて、DOM を一意に決定する方法はありません。クラスと上位と下位の関係を通じて、一意であるという保証はありません

CSS3 がサポートされている場合:
Section:nth-child(1) {} /* を選択します。最初の */
セクション:nth-child(2) {} /* 2 番目の を選択します */
セクション:nth-child(N) {} /* N 番目の を選択します*/
Section:nth-last-child(1) {} /* 最後の を選択します */
Section:nth-last-child(2) {} /* 最後から 2 番目の を選択します; */
Section:nth-last-child(N) {} /* 最後の N 番目の
複数のサブ要素が 1 つずつ配置されることが保証できないのはなぜですか一意であること？これは ID を使用するよりも正確です。実際には同じIDを何度も書き込むことができるので、当然結果は最初のIDしか見つかりませんが、前に書き忘れたとしても後から同じIDを書き込むことも不可能ではありません。

それは、dom ドキュメント ツリー内の dom 要素の位置を決定する必要があります

この位置は、 マークですでに決定されています。同じ名前の最初の dom 要素は複数あり、シリアル番号は一意に配置できます

もちろん、HTML への追加または削除によってシリアル番号が変更される可能性があります

配置があまり便利ではないからこそ、ID セレクターが使用されます。と表示されます
したがって、ページを計画するときに、いくつかの ID を適切に設定すると、後の作業に役立ちます


ID、CLASS、またはノードの添え字はすべて問題ありません