javascript - 페이지에 여러 개의 동영상, 동영상이 있고 이벤트를 바인딩하는 방법은 무엇입니까? 재생할 항목을 클릭하면 첫 번째 항목만 재생됩니다.

Question

제목에서 알 수 있듯이 내 페이지에는 여러 개의 동영상이 있습니다. 동영상의 구조와 이름이 모두 동일합니다. 제가 달성하고 싶은 것은 이벤트를 통일된 방식으로 연결하는 것입니다. ? 어떻게 고치나요?
js:

으아악

HTML:

으아악

Answer 1

현재 클릭한 블록의 비디오 태그를 찾아 동작시키려면

으아악

Answer 2

문제는 다음 문장에 있습니다.

으아악

비디오 태그를 가져오고 태그 이름 video를 기반으로 의사 배열 개체를 반환합니다. 다음 []은 개체의 인덱스 값이므로 매번 첫 번째 비디오만 재생할 수 있습니다. 배열 인덱스는 0)부터 시작합니다.
어떤 태그를 클릭했는지 재생하려면 for 루프를 사용하여 의사 배열을 순회하고 아래 첨자를 사용하여 재생할 해당 태그를 결정할 수 있습니다

Answer 3

이벤트 위임 이벤트 $(document).on('click','xx',fn(){});

을 통해 현재 클릭된 요소를 가져옵니다.