JQuery와, 컨테이너 요소 여기

Question

내 문제에 대한 클릭 이벤트에와 요소의 설정 값,

내가 JQuery와 FancyBox를 사용하고, 나는 (내 상자에) 입력의 값을 설정하고 싶습니다 클릭 한 요소의 ID로!

하지만, 내 요소는 이런 식으로 구성되어 있습니다

<a... ID="xxxx"> 
    <i/> <i/> 
</a> 

내 태그 내 용기, 그것은이 작은 사진 신분증이없는 (글꼴 끝내 포함) 2 개 작은 사진을 ... 포함입니다! SO, 컨테이너에있는 어딘가를 클릭하면 원하는대로 내 값을 얻습니다. 그러나이 이미지 중 하나를 클릭하면 컨테이너 ID 대신 이미지 ID를 사용하기 때문에 event.target.id가 비어 있습니다. ... 여기

는 "발신자 요소"에 대한 코드입니다 : 여기

<a class="btn btn-info add" href="#addNewPopup" title="Add Data" id="addData'.$g["id"].'User'.$u["id"].'"> 
    <i class="fa fa-plus"></i> 
    <i class="fa fa-phone"></i> 
</a> 

하고 난 내 시스템을 검사하는 데 사용하는 JS 코드 (#hiddenInput 내 fancybox에 있습니다 숨겨진 입력 유형 내 fancybox는 전에 링크에서 href = "# addNewPopup"이라고 불려 왔습니다.) :

$(".add").click(function(event){ 
    $("#hiddenInput").val(event.target.id); 
    alert("CONTENT OF ID : "+($("#hiddenInput").val())); 
}); 

이것은 확실히 "해결하기 쉬운"것입니다 ... 그러나 그것을 얻을 수 없습니다!

도움이 필요하시면 고맙습니다. :)

(내 링크 ID에 구문 오류가 있음을 알려주지 마십시오. 여기에 복사하여 붙여 넣기 한 PHP 코드이므로 내 ''와 ' "는 실수처럼 보일 수 있습니다! :))

Answer 1

당신은 당신의 경우는 i 요소가 될 수도, 대신 e.target.id

$("#hiddenInput").val(this.id); 

event의 target 속성은 이벤트가 인상의 원인이 된 요소를 참조의 this.id를 사용해야합니다. Fiddle