|
id |
username |
password |
gender |
|
|
1 |
张三 |
123 |
男 |
111@163.com |
|
2 |
李四 |
321 |
女 |
222@163.com |
<table id="table">
<thead>
<tr>
<th>id</th>
<th>username</th>
<th>password</th>
<th>gender</th>
<th>eMail</th>
</tr>
</thead>
<tbody>
<tr>
<td class="id">1</td>
<td class="username">张三</td>
<td class="password">123</td>
<td class="gender">男</td>
<td class="eMail">111@163.com</td>
</tr>
<tr>
<td class="id">2</td>
<td class="username">李四</td>
<td class="password">321</td>
<td class="gender">女</td>
<td class="eMail">222@163.com</td>
</tr>
</tbody>
</table>
$(document).on('click',"#tabletr",function(){
var id = $(this).find('td.id').text();
var username = $(this).find('td.username').text();
var password =$(this).find('td.password').text();
var gender =$(this).find('td.gender').text();
var eMail =$(this).find('td.eMail').text();
}
本文介绍了一个包含用户信息的简单表格结构及JavaScript代码实现。该表格包括用户ID、用户名、密码、性别和电子邮件等字段,并展示了如何通过点击事件获取这些信息。
1万+

被折叠的 条评论
为什么被折叠?



