Finding the element the handler was bound to within handler function passed to on when using a sub-selector
This question is somewhat related to the thoroughly confusing thread at
http://forum.jquery.com/topic/event-selector-doesn-t-apply-to-the-original-element-bug-or-feature.
If I establish an event handler, like for "click", on a set of elements found by a selector, using on to specify a selector for the actual child elements that should notice clicks, is there any way within the handler to find the specific element that on was applied to?
For example, lets say that I have a TODO list, with a set of steps in li tags within a ol id="todo". Each list item starts with a checkbox. I want to hide the list item if the checkbox is clicked. If I do:
$('#todo li').on('click', ':checkbox', go);
Is there any straightforward way that go can find the li that contained the checkbox that got checked? In other words, the actual element that jQuery bound its handler to that noticed the click within its scope? this, and all of the various target properties of event and event.originalEvent, all point to the checkbox.
I'd like to not make the assumption that the checkbox is a first child or direct descendant of the li, which would make using parent() or similar traversal unacceptable.