Question

Say we have a basic list like this:

<ul id="list">
  <li></li>
  <li></li>
  <li></li>
</ul>

$('#list').on('click', function() {
  // how to get the li element that was clicked within the ul element?
});

Answer 1

This is very simple:

$('#list').on('click','li', function() {
  // how to get the li element that was clicked within the ul element?
});

By adding a selector as an extra argument to the .on() method you get access to the element that triggers the event.