Get specific child of parent list

Question

I have the following code:

sortableList = $("#itemlist");
$(sortableList).click(function(){
   console.log($(this).children().attr('id'));
});

The list contains elements that are direct descendants with ids from id_0 to id_9. I want to get the specific id of the element I am clicking. By running above the above code, the function logs only the id of the first child, regardless of the child I click on.

possible duplicate of https://stackoverflow.com/questions/1687296/what-is-dom-event-delegation — Gangadhar JANNU, Oct 09 '18 at 11:35

Salman A · Accepted Answer · 2018-10-09T11:29:55.953

0

Assuming #itemlist has div as its children:

$("#itemlist").on("click", "div", function() {
    console.log(this.id);
});

edited Oct 09 '18 at 11:29

answered Oct 09 '18 at 11:03

Salman A

229,425
77
398
489

I forgot to mention that the children are divs, but it worked once I replaced li with div. Thank you! – Bogdan Oct 09 '18 at 11:17

Get specific child of parent list

1 Answers1