현재 버튼의 ID 이름이나 HTML을 가져오는 방법을 분석합니다.
오늘 제가 한 일은 사진을 업로드한 것인데, 사진을 클릭하면 삭제가 됩니다.
무작위로 사진 ID를 부여하고 사진 ID를 얻은 다음 사진을 삭제하세요.
이미지 ID는 랜덤이므로 img를 클릭하거나 클래스를 클릭하면 ID를 얻을 수 없습니다. 마지막으로 onclick 이벤트를 사용하여 ID를 얻으십시오.
js 코드는 다음과 같습니다.
$("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' src=\"" + images.localId + "\" />");
다음과 같이 시작하세요.
function upimg(){var id= $(this).attr("id"); alert(id); }
아니요. 나중에 나는 그것을 얻기 위해
function upimg(){ alert(event.target.id); }
를 사용했습니다.
요약:
event.target.id
event.target.id
,不要使用this.id
。
当使用事件委托的时候,this
指向的是绑定监听事件的元素,而非被点击的元素。event.target.id
를 사용해 보세요. this.id
이벤트 위임을 사용할 때 🎜
this
🎜는 클릭한 요소가 아니라 이벤트를 수신하도록 바인딩된 요소를 가리킵니다. 🎜event.target.id
🎜는 항상 클릭한 요소를 가리킵니다🎜위 내용은 현재 버튼의 ID 이름이나 HTML을 가져오는 방법을 분석합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
