对表格的td标签执行点击事件

最新推荐文章于 2024-01-15 18:58:34 发布

原创最新推荐文章于 2024-01-15 18:58:34 发布 · 1.4w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript

Js 同时被 2 个专栏收录

12 篇文章

订阅专栏

html

12 篇文章

订阅专栏

本文探讨了如何在HTML表格中为td元素添加点击事件处理，通过JavaScript实现对表格单元格的交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于表格中的td如何执行事件
html:

<table  id="example" >
<thead>
<tr> 
<th>编号</th> 
<th>名称</th> 
<th>操作</th>
</tr>
</thead>
<tbody>
<tr> 
<td>1</td> 
<td>电脑</td> 
<td> <button id='delete' type='button'>删除</button> </td> </tr>
<tr> 
<td>2</td> 
<td>手机</td> 
<td><button id='delete' type='button'>删除</button></td> </tr>
</tbody>
</table>

最简单的table表格
table类下找到对谁执行这个事件

$('#example tbody').on('click', 'button#delrow', function () {
     var tt = $("#example").DataTable();
      tt.row($(this).parent('tr')).remove();  //删除你点击的行

   });