[jquery] href가 문자열로 끝나는 <a>를 선택하십시오.

href가 “ABC”로 끝나는 모든 링크 를 선택하기 위해 jQuery 를 사용할 수 <a>있습니까?

예를 들어이 링크를 찾으려면 <a href="http://server/page.aspx?id=ABC">



답변

   $('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-...")


답변

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

“ABC”로 끝나는 URL이있는 첫 번째 링크의 제목을 반환합니다.


답변

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


답변

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


답변

이 사소한 것을 달성하기 위해 jQuery와 같은 큰 라이브러리를 가져오고 싶지 않은 경우 내장 메소드를 querySelectorAll대신 사용할 수 있습니다 . jQuery에 사용되는 거의 모든 선택기 문자열은 DOM 메소드에서도 작동합니다.

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

또는 일치하는 요소가 하나만있는 경우 :

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

검색하는 값이 영숫자 인 경우 일반적으로 속성 값 주위에 따옴표를 생략 할 수 있습니다. 예를 들어 여기에서

a[href$=ABC]

그러나 따옴표는 더 유연하고 일반적으로 더 안정적 입니다.


답변