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]
그러나 따옴표는 더 유연하고 일반적으로 더 안정적 입니다.