Wie kann ich DOM-Elemente anhand des Attributwerts mithilfe nativer APIs und jQuery finden?

DOM-API zum Auffinden von Elementen nach Attributwert

Oft ist es notwendig, ein Element im DOM anhand seiner Attribute zu finden. Beispielsweise möchten Sie möglicherweise alle Elemente mit einer bestimmten Klasse oder einem bestimmten Datenattribut abrufen.

Native API: querySelectorAll

Moderne Browser bieten eine native API, querySelectorAll, die ermöglicht Ihnen die Suche nach Elementen anhand ihrer Attribute. Diese Methode verwendet einen CSS-Selektor als Argument, der Attributselektoren enthalten kann. Zum Beispiel:

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

Browserkompatibilität

Die querySelectorAll-Methode wird von den meisten modernen Browsern unterstützt. einschließlich:

• Chrome
• Firefox
• Safari
• Edge
• IE11 und höher

Für veraltete Browser wie IE9 und älter können Sie ein Polyfill oder verwenden Bibliothek von Drittanbietern wie jQuery.

jQuery-Ansatz

jQuery vereinfacht diese Aufgabe durch die Bereitstellung einer prägnanten Syntax:

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

Das obige ist der detaillierte Inhalt vonWie kann ich DOM-Elemente anhand des Attributwerts mithilfe nativer APIs und jQuery finden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!