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

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

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

UICollectionView将图像添加到单元格

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

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

  27. 27

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

  28. 28

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

  29. 29

    UICollectionView将图像添加到单元格

热门标签

归档