2016-04-23 10 views
1

tbody htmlを別のテーブルに追加しようとしています。そして、このテーブルには入力番号があります。このTBODYを追加する前に外側のhtmlに入力番号を付加する

<tbody class="onetable tbody"> 
     ..... 
     ..... 
      <input type="number" value=""/> 
     ..... 
    <tbody> 

、Iはない3、しかし、別のテーブルにTBODYを配置した後、入力の値が1にリセット3

例えば、番号の入力の値を変更します。

var wholeTbody = $("#onetable.tbody").prop('outerHTML'); 

    $("#anotherTable").append(wholeTbody); 

これを解決するには、事前に感謝します。

+0

最初のテーブルの入力ボックスから値を読み取り、別の入力ボックスに設定する必要があります。 –

+0

tbodyを直接追加するだけで、入力に値全体を配置する必要がありますか? – iyal

答えて

1

outerHTMLの値は、value属性として手動で設定しない限り取得できません。

var wholeTbody = $("#onetable.tbody").find("input[type='text']").attr("value",function(){ 
    return this.value; 
}).end().prop('outerHTML'); 

$("#anotherTable").append(wholeTbody); 
+0

上記のコードは 'text'タイプのためだけですか? – iyal

+0

@iyalテキストボックスではなく、他のすべての要素は何ですか? –

+0

最も重要なことは、数字 'input [type = 'number']'の入力であり、残りはハードコードです。 – iyal

関連する問題