Wählen Sie <a>, dessen href mit einer Zeichenfolge endet

Question

Ist es möglich mit jQuery um alle auszuwählen <a> Links, deren href mit "ABC" endet?

Wenn ich zum Beispiel diesen Link finden möchte <a href="http://server/page.aspx?id=ABC">

Answer 1

   $('a[href$="ABC"]')...

Die Dokumentation zum Selektor finden Sie unter http://docs.jquery.com/Selectors

Für Attribute:

= is exactly equal
!= is not equal
^= is starts with
$= is ends with
*= is contains
~= is contains word
|= is starts with prefix (i.e., |= "prefix" matches "prefix-...")

Answer 2

$('a[href$="ABC"]:first').attr('title');

Dies gibt den Titel des ersten Links zurück, dessen URL mit "ABC" endet.

Answer 3

$("a[href*='id=ABC']").addClass('active_jquery_menu');

Answer 4

$("a[href*=ABC]").addClass('selected');

Answer 5

Nur für den Fall, dass Sie keine große Bibliothek wie jQuery importieren wollen, um etwas so Triviales zu erreichen, können Sie die eingebaute Methode querySelectorAll stattdessen. Fast alle Selektor-Strings, die für jQuery verwendet werden, funktionieren auch mit DOM-Methoden:

const anchors = document.querySelectorAll('a[href$="ABC"]');

Oder, wenn Sie wissen, dass es nur ein passendes Element gibt:

const anchor = document.querySelector('a[href$="ABC"]');

Sie können im Allgemeinen die Anführungszeichen um den Attributwert weglassen, wenn der gesuchte Wert alphanumerisch ist, z. B. könnten Sie hier auch verwenden

a[href$=ABC]

aber die Angebote sind flexibler und im Allgemeinen zuverlässiger .