728x90
반응형
질문 : jQuery로 데이터 속성으로 요소 선택
data 속성을 기반으로 요소를 선택하는 쉽고 간단한 방법이 있습니까? 예를 들어 값이 22 customerID 라는 데이터 속성이있는 모든 앵커를 선택하십시오.
rel 또는 기타 속성을 사용하는 것을 주저하지만 어떤 데이터가 저장되어 있는지에 따라 요소를 선택하는 것이 훨씬 더 어렵습니다.
답변
$('*[data-customerID="22"]');
* 를 생략 할 수 있어야하지만 올바르게 기억하면 사용중인 jQuery 버전에 따라 잘못된 결과를 얻을 수 있습니다.
선택기 API ( document.querySelector{,all} 22 ) 주변의 따옴표를 생략 할 수 없습니다 .
또한 jQuery 스크립트에서 데이터 속성을 많이 사용하는 경우 HTML5 사용자 정의 데이터 속성 플러그인 사용을 고려할 수 있습니다. .dataAttr('foo') 를 사용하여 훨씬 더 읽기 쉬운 코드를 작성할 수 있으며 축소 후 파일 크기가 더 작아집니다 ( .attr('data-foo') 를 사용하는 것과 비교).
출처 : https://stackoverflow.com/questions/2487747/selecting-element-by-data-attribute-with-jquery
728x90
반응형
'프로그래밍 언어 > jQuery, ajax' 카테고리의 다른 글
| jQuery data vs attr 사용법 차이 (0) | 2021.10.06 |
|---|---|
| jQuery는 요소의 렌더링 된 높이를 얻는 방법 (0) | 2021.10.06 |
| jQuery를 사용하여 키보드에서 Enter 키를 감지하는 방법 (0) | 2021.10.05 |
| jQuery에게 무언가를 실행하기 전에 모든 이미지가 로드 될 때까지 기다리도록 요청하는 공식적인 방법 (0) | 2021.10.05 |
| jQuery로 쿠키를 set / unset 하는 방법 (0) | 2021.10.05 |