2011-06-28 4 views
9

変数をdivタグに格納しようとしていますが、単にvar a = $('div').html()を使用するとdiv内にある入力タグの値は格納されません。jQuery:入力値と同様にHTMLを取得

私の質問は、HTMLを保存するにはどうすればよいですか? jQueryを使用して、入力タグの選択されたオプションと値を変数に保存しますか?

HTML::

<div> 
    <p>Some Text</p> 
    <select name="word"> 
    <option value="1">Placeholder 1</option> 
    <option value="2">Placeholder 2</option> 
    </select> 
    <input type="text" /> 
</div> 

Javascriptを:事前に

/* "a" should also have the user values, such that when I use $('body').append(a), 
it has the same user input as the div. */ 

var a = $('div').html(); 

おかげでここ

は、いくつかのサンプルコードです。

答えて

19

$.clone()要素です。

var $a = $("div:first").clone(); 

$a.appendTo("body"); // Clone invades your body 

オンラインデモ:http://jsbin.com/obebov/edit

+0

ありがとう!私は '.clone()'を完全に忘れてしまった。ちょうどそれをテストし、素晴らしい作品。 – Ivan

+0