2

空のテーブルが定義されています

<table align="center"  class="bordered"  border="6" id="tableb_copy"></table>

INPUT 要素が定義されたテーブルがあります

<table align="center"  class="bordered"  border="6" id="tableb">
    <tr>
       <td><input type="text" value="test"></td>
       <td>test1</td>
       <td>test1</td>
    </tr>
</table>

次のコードを使用して、tableb の内容を tableb_copy にコピーします。

$('#tableb_copy').html($('#tableb').html());

テーブル構造をコピーしますが、ユーザーが入力セルにデータを入力した場合、これはコピーされません。内容もコピーする方法はありますか？

ありがとう

4

2 に答える 2

3

最初にテーブルのクローンを作成してから、クローンを新しい場所に移動してみてください。

<div id='here'></div>

そしてjs

$('#here').html($('#tableb').clone().attr('id', 'tableb_copy'));

フィドルhttp://jsfiddle.net/Spokey/nCyFK/4/

于 2013-04-20T21:12:09.410 に答える
1

あなた<table>がHTMLに有効でないことを除いて、うまくいくようです。は<tr>ブロックタグで、たとえば終了し</tr>ます。

http://jsfiddle.net/Bjmhw/1/

HTML:

<table align="center"  class="bordered"  border="6" id="tableb_copy"></table>
<table align="center"  class="bordered"  border="6" id="tableb">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

JS:

$('#tableb_copy').html($('#tableb').html());
于 2013-04-20T21:00:14.207 に答える