jQuery 데이터 속성 값을 기반으로 요소를 찾는 방법

질문 : jQuery 데이터 속성 값을 기반으로 요소를 찾는 방법은 무엇입니까?

---

다음과 같은 시나리오가 있습니다.

var el = 'li';

페이지에는 각각 data-slide=number 속성 (숫자는 각각 1,2,3,4,5 임) 이있는 5 개의 <li> 가 있습니다.

var current = $('ul').data(current); 매핑 된 현재 활성 슬라이드 번호를 찾아야합니다. 슬라이드가 변경 될 때마다 업데이트됩니다.

지금까지 내 시도는 실패했으며 현재 슬라이드와 일치하는 선택기를 구성하려고 시도했습니다.

$('ul').find(el+[data-slide=+current+]);

일치하지 않거나 아무것도 반환하지 않습니다…

li 부분을 하드 코딩 할 수없는 이유는 이것이 필요한 경우 다른 요소로 변경할 수있는 사용자 액세스 가능 변수이므로 항상 li 이 아닐 수도 있습니다.

내가 놓친 것에 대한 아이디어가 있습니까?

답변

---

속성 같음 선택기 current 값을 삽입해야합니다.

$("ul").find(`[data-slide='${current}']`)

이전 JavaScript 환경 ( ES5 이하 ) :

$("ul").find("[data-slide='" + current + "']"); 

출처 : https://stackoverflow.com/questions/4191386/jquery-how-to-find-an-element-based-on-a-data-attribute-value