javascript - Javascript 或 jQuery div 内部元素存储在两个变量中并修改一个变量 html 然后从另一个变量恢复 html

Question

div 内部元素存储在两个变量中并修改一个变量 html 然后从另一个变量恢复 html。

但是没有按要求得到，tempdata 也被修改了。

例子：

<div id='element-id'>
    <div>
        <table>
            <thead><th>Input Form</th></thead>
            <tbody>
                <tr><td><input type='text' class='some-class'></td></tr>
                <tr><td><input type='text' class='some-class'></td></tr>
                <tr><td><input type='text' class='some-class'></td></tr>
                <tr><td><input type='text' class='some-class'></td></tr>
                <tr><td><input type='text' class='some-class'></td></tr>
                <tr><td><input type='text' class='some-class'></td></tr>
            </tbody>
        </table>
    </div>
</div>

Javascript：

function printDiv(js) {
    var tempdata = $('#element-id'); //this is also getting modified
    var ddata = $('#element-id'); 
    ddata.find('input[type=text]').each(function () {
        $(this).closest('td').html($(this).val());
    }); 
     
    var data = ddata.html(); 
    $('#element-id').html(tempdata.html());  //restore form
    var w = window.open('about:blank');
    w.document.open();
    w.document.write(data); 
}

标签： javascriptjquery