Use classes of dynamically loaded html with Jquery. Continue

Question

Continue of question Use classes of dynamically loaded html with Jquery

$(".content-white").on('click', ".product", function () {
    var id = $(".product").attr('id');
    alert(id);
});

How can I get an element with class product to get it's id?

I highly recommend to read the jQuery tutorial about event handling: "In addition to the event object, the event handling function also has access to the DOM element that the handler was bound to via the keyword this. To turn the DOM element into a jQuery object that we can use jQuery methods on, we simply do $( this ), often following this idiom: var $this = $( this );" — Felix Kling
– Felix Kling, Commented Feb 1, 2014 at 16:59

Arun P Johny · Accepted Answer · 2014-02-01 15:42:04Z

2

You can use this to refer to the targeted element within the event handler

$(".content-white").on('click', ".product", function () {
    var id = this.id;//this here refers to the dom element which was targeted by the handler
    alert(id);
});

Inside the Event Handling Function

answered Feb 1, 2014 at 15:42

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use classes of dynamically loaded html with Jquery. Continue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related