Выберите <a>, где href заканчивается строкой

Question

Можно ли с помощью jQuery выбрать все <a> ссылки, которые href оканчивается на "ABC"?

Например, если я хочу найти эту ссылку <a href="http://server/page.aspx?id=ABC">

Answer 1

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

Документацию по селектору можно найти по адресу http://docs.jquery.com/Selectors

Для атрибутов:

= 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');

Возвращается заголовок первой ссылки, URL которой заканчивается на «ABC».

Answer 3

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

Answer 4

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

Answer 5

На тот случай, если вы не хотите импортировать большую библиотеку, такую ​​как jQuery, для выполнения чего-то такого тривиального, вы можете использовать встроенный метод querySelectorAll. Почти все строки селектора, используемые для jQuery, работают также с методами DOM:

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

Или, если вы знаете, что есть только один соответствующий элемент:

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

Обычно вы можете опускать кавычки вокруг значения атрибута, если искомое значение является буквенно-цифровым, например, здесь вы также можете использовать

a[href$=ABC]

но цитаты более гибкие и обычно более надежные .