<ul id="ul">
<li title="foo">title 1</li>
<li title="bar">title 2</li>
<li title="baz">title 3</li>
</ul>
<script>
var ul = document.getElementById('ul');
ul.addEventListener('click', function(event) {
alert(
'index: ' + Array.prototype.indexOf.call(ul.children, event.target) + '\n' +
'title: ' + event.target.title
);
}, false);
</script>