日期:2014-05-16 浏览次数:20350 次
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="scripts/lib/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(document).ready(function () { var id = "tb"; var tr = $("#" + id + " table tbody tr"); tr.each(function (i) { tr.eq(i).bind("click", function () { alert(tr.eq(i).text()); }); }); }); </script> </head> <body> <input type="button" id="delTr" value="删除行" /> <div id="tb"> <div> <table style="width: 300px; height: 30px; border-top: 1px solid red; border-left: 1px solid red"> <tbody> <tr"> <td style="border-right: 1px solid red; border-bottom: 1px solid red">1</td> <td style="border-right: 1px solid red; border-bottom: 1px solid red">第一条</td> </tr> <tr> <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">2</td> <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">第二条</td> </tr> <tr> <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">3</td> <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">第三条</td> </tr> </tbody> </table> </div> </div> </body> </html>