How to get the id of the element clicked using jQuery

Question

lt div class  main div  gt       lt div id  inner div  gt               lt span id  d1  class  get clicked  gt click to get id lt  span gt       lt  div gt   lt  div gt    How to get the id of the clicked element  The span which is present inside the inner div will be having different ids because I will be loading the span from the model MVC  using jquery ajax  So there will be  n  number of span  All the span will have unique id  I want to get the id of the span which I click    How the get the id of the span when clicked  How to do this using jQuery

User · Accepted Answer

update as you loading contents dynamically so you use.

$(document).on('click', 'span', function () {
    alert(this.id);
});

old code

$('span').click(function(){
    alert(this.id);
});

or you can use .on

$('span').on('click', function () {
    alert(this.id);
});

this refers to current span element clicked

this.id will give the id of the current span clicked

User · Answer

I wanted to share how you can use this to change a attribute of the button  because it took me some time to figure it out     For example in order to change it s background to yellow         String this id   css  background-color   yellow

User · Answer

You can get the id of clicked one by this code     span   on  click  function e       console log e target Id         Use  on   event for future compatibility

User · Answer

Since you are loading in the spans via ajax you will have to attach delegate handlers to the events to catch them as they bubble up     document  on  click   span  function e       console log e target id       you will want to attach the event to the closest static member you can to increase efficiency       main div   on  click   span  function e       console log e target id       is better than binding to the document for instance   This question may help you understand  Direct vs  Delegated - jQuery  on

[jquery] How to get the id of the element clicked using jQuery

Examples related to jquery

Examples related to click