How to get the id of the element clicked using jQuery?

Anand Pandey164006-Jun-2017

<divclass="main_div">
    <divid="inner_div">    
        <spanid="d1"class="get_clicked">click to get id</span>
    </div>
</div>

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 to get the id of the span when clicked? How to do this using jQuery?

jquery

Updated on 14-Jun-2017

Anand Pandey

Can you answer this question?

Answer

2 Answers

reiki portal

14-Jun-2017

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

Jonas Stuart

06-Jun-2017

This code will help you surely....

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

forum

How to get the id of the element clicked using jQuery?

Anand Pandey

2 Answers

Liked By