<!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>