javascript - jQuery:获取 HTML 以及输入值

Question

我试图用一个变量将 HTML 存储在一个 div 标签中，但仅仅使用 var a = $('div').html() 不会存储位于 div 内的输入标签。

所以，我的问题是，我应该如何使用 jQuery 将输入标签的 HTML 和选定选项和值保存到变量？

下面是一些示例代码:

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(); 

提前致谢。

Answer 1

你可以 $.clone()元素。

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

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

在线演示:http://jsbin.com/obebov/edit