SO - 30068663

by Arun P Johny

HTML

<ul class="controls">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

JavaScript

$(".controls li").click(function (e) {
    console.group('li.click')
    console.log(this);
    console.log(e.currentTarget);
    console.groupEnd()
});
$(".controls").on('click', 'li', function (e) {
    console.group('ul.click li')
    console.log(this);
    console.log(e.currentTarget);
    console.groupEnd()
});