programing

일부 문자열로 접히는 hrefend 선택

padding 2023. 5. 13. 09:15
반응형

일부 문자열로 접히는 hrefend 선택

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

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

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

Selector 설명서는 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');

이렇게 하면 URL이 "ABC"로 끝나는 첫 번째 링크의 제목이 반환됩니다.

$("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

반응형