<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="Scripts/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function () { var tableobj; tableobj = $("table").find("tr"); for (i = 0; i < tableobj.length; i++) { (function(i){ tableobj.eq(i).bind("click",function(){ alert(tableobj.eq(i).attr("class")); alert(i); }) })(i) } }); </script> </head> <body> <form id="form1" runat="server"> <div> <table> <tr class="item1"><td>11111</td></tr> <tr class="item2"><td>22222</td></tr> <tr class="item3"><td>33333</td></tr> <tr class="item4"><td>44444</td></tr> <tr class="item5"><td>55555</td></tr> <tr class="item6"><td>66666</td></tr> </table> </div> </form> </body> </html>