문자열로 끝나는 href

문자열로 끝나는 href 선택

---

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

예를 들어이 링크를 찾으려면 <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]

그러나 따옴표는 더 유연하고 일반적으로 더 신뢰할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/303956/select-a-which-href-ends-with-some-string