将表单元格添加到仅克隆表中

BentCoder

我想向克隆表中添加新的TD,以便它仅存在于克隆表中而不存在于原始表中。原因是,我不希望用户删除原始表,否则将不会克隆任何内容:)

目前像这样:

<table>
    <tr>
        <td>
            <div class="sizes">size</div>
            <div class="sizes">length</div>
        </td>
    </tr>
</table>

克隆后应该是这样的:

<table>
    <tr>
        <td>
            <div class="sizes">size</div>
            <div class="sizes">length</div>
        </td>
        <td class="remove-table"><span>REMOVE</span></td>
    </tr>
</table>

JS:

$(document).ready(function () {
   $('.add-another-table').click(function (event) {
      event.preventDefault();
      var clonedTable = $(this).prev('table').clone();
      $(this).before(clonedTable);
   });
   $('div').on('click', '.remove-table', function (event) {
      event.preventDefault();
      $(this).closest('table').remove();
   });
});

http://jsfiddle.net/b3JdB/

拉贾普布(Rajabrabhu Aravindasamy)

尝试在.append()该元素上添加所需的元素clone

$(document).ready(function () {
    $('.add-another-table').click(function (event) {
        event.preventDefault();
        var clonedTable = $(this).prev('table').clone();
        $(this).before(clonedTable.find('.remove-table').remove().end().find('tr').append('<td class="remove-table"><span>REMOVE</span></td>').end());
    });

    $('div').on('click', '.remove-table', function (event) {
        event.preventDefault();
        $(this).closest('table').remove();
    });
});

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将超链接添加到d3.js表行和单元格

来自分类Dev

UICollectionView将图像添加到单元格

来自分类Dev

DataTables:将类添加到表单元格,但不添加表头吗?

来自分类Dev

使用PHP将多个MySQL结果添加到HTML表的一个单元格中

来自分类Dev

将数据添加到excel中的新单元格而不删除前一个单元格

来自分类Dev

根据单选按钮选择,使用jQuery将表单元格添加到行尾

来自分类Dev

如何将多个数据添加到jQuery数据表单元格

来自分类Dev

数据表-将CSS添加到特定单元格

来自分类Dev

将提交的值添加到Google工作表中的现有单元格值

来自分类Dev

如何将超链接添加到Google工作表侧边栏附件中的单元格

来自分类Dev

将变量单元格填充添加到引导表

来自分类Dev

将阴影添加到列表单元格后,悬停和选择事件被bug

来自分类Dev

将数字选择器添加到每个表视图单元格

来自分类Dev

将超链接添加到d3.js表的行和单元格

来自分类Dev

哪个选项更好?直接将子视图添加到单元格中或单元格contentView中?

来自分类Dev

仅将标签添加到单元格上的某些行

来自分类Dev

jQuery将动态单元格添加到表中的静态单元格

来自分类Dev

如何使用VBA将Excel单元格中的datetime值添加到SQL表中

来自分类Dev

将多个超链接添加到工作表中的多个单元格

来自分类Dev

使用itextsharp将具有表的单元格添加到外部表

来自分类Dev

如何将联系人姓名添加到表视图单元格?

来自分类Dev

如何使用按钮将单元格动态添加到我的表视图中

来自分类Dev

如何将UITapGestureRecognizer添加到表视图单元格中的UILabel?斯威夫特2

来自分类Dev

需要帮助,尝试使用月中的天数将表中的单元格和行添加到表中

来自分类Dev

excel宏可将单元格中的值添加到表中

来自分类Dev

将侦听器添加到数据表单元格

来自分类Dev

从克隆表行中添加和删除单元格

来自分类Dev

VBA:将工作表的超链接添加到单元格中

来自分类Dev

将下面单元格中的值添加到上面的单元格

Related 相关文章

  1. 1

    将超链接添加到d3.js表行和单元格

  2. 2

    UICollectionView将图像添加到单元格

  3. 3

    DataTables:将类添加到表单元格,但不添加表头吗?

  4. 4

    使用PHP将多个MySQL结果添加到HTML表的一个单元格中

  5. 5

    将数据添加到excel中的新单元格而不删除前一个单元格

  6. 6

    根据单选按钮选择,使用jQuery将表单元格添加到行尾

  7. 7

    如何将多个数据添加到jQuery数据表单元格

  8. 8

    数据表-将CSS添加到特定单元格

  9. 9

    将提交的值添加到Google工作表中的现有单元格值

  10. 10

    如何将超链接添加到Google工作表侧边栏附件中的单元格

  11. 11

    将变量单元格填充添加到引导表

  12. 12

    将阴影添加到列表单元格后,悬停和选择事件被bug

  13. 13

    将数字选择器添加到每个表视图单元格

  14. 14

    将超链接添加到d3.js表的行和单元格

  15. 15

    哪个选项更好?直接将子视图添加到单元格中或单元格contentView中?

  16. 16

    仅将标签添加到单元格上的某些行

  17. 17

    jQuery将动态单元格添加到表中的静态单元格

  18. 18

    如何使用VBA将Excel单元格中的datetime值添加到SQL表中

  19. 19

    将多个超链接添加到工作表中的多个单元格

  20. 20

    使用itextsharp将具有表的单元格添加到外部表

  21. 21

    如何将联系人姓名添加到表视图单元格?

  22. 22

    如何使用按钮将单元格动态添加到我的表视图中

  23. 23

    如何将UITapGestureRecognizer添加到表视图单元格中的UILabel?斯威夫特2

  24. 24

    需要帮助,尝试使用月中的天数将表中的单元格和行添加到表中

  25. 25

    excel宏可将单元格中的值添加到表中

  26. 26

    将侦听器添加到数据表单元格

  27. 27

    从克隆表行中添加和删除单元格

  28. 28

    VBA:将工作表的超链接添加到单元格中

  29. 29

    将下面单元格中的值添加到上面的单元格

热门标签

归档