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?

Answer 1

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