Question

我正在尝试将div（具有表及其内容）的克隆到另一个div。数据被复制，但是当我尝试编辑克隆的表数据时，主表数据也会发生变化，但是我不希望主表数据被更改。如果有人帮助我将表名从主div更改为克隆div，那会很棒。任何人都可以帮我这个。？

<div id="maindiv" class="ui-widget"
    style="width: 100%; height: 275px; overflow: auto">
<table id="maintable">

    <thead>
        <tr class="ui-widget-header ">

            <th class="th_Jan">Jan</th>
            <th class="th_Feb">Feb</th>
            <th class="th_Mar">Mar</th>


        </tr>
    </thead>
    <tbody >

<tr> 
<td>Jan</td>
<td>Feb</td>
<td>Mar</td>

<tr>

<tr> 
<td>Jan1</td>
<td>Feb1</td>
<td>Mar1</td>

<tr>
<tr> 
<td>Jan2</td>
<td>Feb2</td>
<td>Mar2</td>
<tr>
    </tbody>
</table>
</div>



<div id="clonediv" class="ui-widget" style="width: 100%; height: 275px; overflow: auto"></div>





$( "#new" )
.button()
.click(function() {

 $("#maindiv").clone().appendTo($("#clonediv"));

});

先谢谢..

Answer 1

尝试这样的事情

var clone_id = $("#maindiv").clone();
clone_id.attr('id','clone_div');
clone_id.appendTo($("#clonediv"));

Answer 2

你可以尝试使用这个jQuery，看看它是否能解决你的问题。

$("#maindiv").clone().prop("id", "mainClone").appendTo($("#clonediv"));

Answer 3

试试这个 $（“＃new”）。click（function（）{

$("#maindiv").clone().appendTo($("#clonediv"));

});

演示 http://jsfiddle.net/zFe5Y/

jquery中克隆表中的问题

3 个答案: