獲取單擊鏈接時的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'); 
});