sample: set event handler to ancestor element in click event

by sii_side

HTML

<div id="ph">
  <ul></ul>
</div>

<button>add</button>

JavaScript

$("button").on("click", function() {
	$("<li>item</li>").appendTo("#ph ul");
});

$("#ph").on("click", "li", function() {
	window.alert($(this).text() + $(this).index());
});