点击＜table＞表格当中的某一行触发事件
- <!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>
- <span>姓名</span>
- </th>
- <th>
- <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>
-
湘公网安备 43102202000103号
