javascript - JS 이벤트 위임 작업 ul li 태그 관련 문제

Question

먼저 제가 달성하고 싶은 기능에 대해 이야기하겠습니다. 즉, ul에서 li 태그를 클릭하여 현재 클릭된 li를 제거하는 것입니다.

하지만 계속해서 시도했지만 원하는 효과를 얻을 수 없었습니다.

현재 질문은 다음과 같습니다

1. 현재 클릭의 li 첨자를 얻기 위해 보다 직접적인 방법을 사용하는 방법은 무엇입니까? for 루프 첨자는 Baidu에서 얻었습니다.

2. Remove를 사용할 수 있지만 클릭한 리에 따라 제거되지 않습니다. 예를 들어 2를 클릭하면 3 또는 4가 삭제됩니다. if(e.target == children[i) ]) 여기서는 틀렸습니다

3. removeChild를 실행하려면 두 번째 클릭해도 효과가 없습니다.

HTML 구조

으아악

JS 코드

으아악

Answer 1

으아악

Answer 2

으아악