클릭 할 때 링크 ID 가져 오기

Question

클릭하면 링크 ID를 얻으려고합니다. 링크가 어디서든 이동하는 것을 원하지 않습니다. ID를 원합니다.

지금까지 코드는 콘솔에 아무 것도 쓰지 않습니다. 내가 뭘 잘못하고 있는지 모르겠다. 여기

내 코드입니다 :

$("#webLinks a").on('click', function() { 
     console.log('clicked: ' + a.id); 
    }); 

    <div id="webLinks"> 
     <div class="linkRows"> 
      <div name="link1"> 
       <a id="webLink1" href="#" name="www.google.com">Google</a> 
      </div> 
     </div> 
    </div> 

감사

Answer 1

변경 :

console.log('clicked: ' + a.id); 

에 :

console.log('clicked: ' + this.id); 

jsFiddle example

this은 클릭을받는 요소를 나타냅니다. 원래 코드에서 a은 앵커 (또는 기타)를 참조하지 않으므로 정의되지 않습니다.

또한, 요소가 문서 준비 호출 내에서 페이지 또는에서 존재 한 후 코드가 실행되고 있는지 확인하십시오

이

$(document).ready(function() { 
    // Your code here 
}); 

Answer 2

당신은 대신 this.id를 사용해야합니다 a.id

DEMO

Answer 3

사용

$("#webLinks a").on('click', function() { 
     $(this).attr('id'); 
});