属性値によって DOM 要素を効率的に検索するにはどうすればよいですか?

属性値に基づいて DOM 内の要素を検索する方法

以下に基づいてドキュメント オブジェクト モデル (DOM) 内の要素を検索する属性値は、Web 開発における一般的なタスクです。 DOM API は、この操作を実行するための堅牢なメカニズムを提供します。

最新のブラウザでは、querySelectorAll は、特定の CSS セレクターに一致する要素を取得できるネイティブ メソッドです。たとえば、特定の data-foo 属性が「value」に設定されている要素を検索するには、次のセレクターを使用できます:

document.querySelectorAll('[data-foo="value"]');

このメソッドは、MDN で詳しく説明されているように、すべての主要な最新ブラウザーでサポートされています。 https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll およびhttps://caniuse.com/queryselector.

IE9 以前などの古いブラウザの場合は、jQuery ライブラリを使用して同じ機能を実現できます。

$('[data-foo="value"]');

以上が属性値によって DOM 要素を効率的に検索するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。