点击<table>表格当中的某一行触发事件

it2025-03-03  24

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript" src="js/jquery-1.4.js" ></script> <body> <table border="1"> <tr> <th width="25%"> <span>姓名</span> </th> <th width="40%"> <span>地址</span> </th> </tr> <!--this 整个<tr></tr>标签对象--> <tr id="demo1" οnclick="loadRightIframe(this);" age = "23" name="张三"> <td align="center"> 张三 </td> <td align="center"> 安徽 </td> </tr> <tr id="demo2" οnclick="loadRightIframe(this);" age = "24" name="李四"> <td align="center"> 李四 </td> <td align="center"> 黑龙江 </td> </tr> <tr id="demo3" οnclick="loadRightIframe(this);" age = "22" name="王二"> <td align="center"> 王二 </td> <td align="center"> 北京 </td> </tr> </table> </body> <script> function loadRightIframe(tr) { //attr() 方法设置或返回被选元素tr的属性值 var age = $(tr).attr("age"); var name = $(tr).attr("name"); alert(age+name) } </script> </html>

最新回复(0)