<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://static01.baomihua.com/js/core/jquery-1.8.3.min.js?t=20150327.js"></script>
</head>
<body>
    <ul id="list1">
        ul
        <li>
            li
            <span>span</span>
        </li>
    </ul>
    <ul id="list2">
        ul
        <li>
            li
            <span>span</span>
        </li>
    </ul>
    <script>
        $('#list1').on('click', 'span', function(event) {
            console.log(event.currentTarget.innerHTML)
            console.log(event.target.innerHTML)
        })
        $('#list2').on('click', function(event) {
            console.log(event.currentTarget.innerHTML)
            console.log(event.target.innerHTML)
            console.log($(event.target).closest('li').html())
        })
    </script>
</body>
</html>