点击按钮获得当前点击一行表格数据中的某几列并组成新表格样式

最新推荐文章于 2022-08-13 19:28:31 发布

肆爪

最新推荐文章于 2022-08-13 19:28:31 发布

阅读量936

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/du_5pet/article/details/89471164

版权

本文介绍了如何通过点击按钮获取表格中特定列（如“名称”和“时间”）的数据，并将其格式化成新的表格样式。使用JS实现，通过UL元素实现新表格布局，并添加动态按钮点击事件来实现数据的添加。

摘要由CSDN通过智能技术生成

需求大致如下：

每点击一次添加按钮，就添加当前表格中的“名称”、“时间”两列数据到下边的新表格，h5代码先贴上：

<table id="tab">
    <thead>
    <tr>
        <th>名称</th>
        <th>站点</th>
        <th>时间</th>
        <td>操作</td>
    </tr>
    <tbody>
    <tr>
        <td>测试一</td>
        <td>测试点一</td>
        <td>2017</td>
        <td class="add">添加</td>
    </tr>
    <tr>
        <td>测试二</td>
        <td>测试点二</td>
        <td>2018</td>
        <td class="add">添加</td>
    </tr>
    <tr>
        <td>测试三</td>
        <td>测试点三</td>
        <td>2019</td>
        <td