javascript - JQuery는 점 표시 버튼을 통해 현재 요소의 ID를 가져오는 방법(동적 데이터의 ID를 가져오는 방법)

Question

1. 표시된 이미지와 응시자 정보는 모두 DataList에 의해 반복됩니다. 이는 표시 버튼을 클릭하여 해당 시험 시간, 과목 코드 및 기타 정보를 얻는 것입니다.

이를 달성하려면 표시 버튼을 클릭하여 현재 후보자의 정보를 처리를 위해 백그라운드로 다시 보냅니다. JS는 현재 필기카드의 자세한 정보를 어떻게 얻나요? 이러한 그림은 동적으로 반복되며 고정된 ID나 이름이 없습니다. JQuery는 고유한 그림 관련 정보를 얻는 방법을 모릅니다.

페이지 코드:

으아악

Answer 1

으아아아

Answer 2

일반적인 관행은 data-index = 'KSSJ'와 같이 DOM을 동적으로 생성할 때 데이터 플래그를 생성하는 것입니다. jquery가 클릭 이벤트를 동적으로 바인딩할 때 $(e.currentTarget).data('index')를 사용하여 . 다른 필드도 e 객체를 통해 얻을 수 있으며, 자세한 속성은 console.log(e)를 사용하여 찾아볼 수 있습니다.