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 · 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()

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

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

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

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

Examples related to jquery

Examples related to click