如何将两个元素包装成一个div？

Question

我有一个包装两个元素的问题：标签和输入到一个div。你能帮帮我怎么做吗？非常感谢你。

示例：

<label><label>
<input>
<label></label>
<input>

应该是：

<div data-role="fieldcontain">
<label><label>
<input>
</div>
<div data-role="fieldcontain">
<label><label>
<input>
</div>

Jquery的：

$('input[type="text"]').prev().andSelf().wrap('<div data-role="fieldcontain">');

HTML：

<label>Name: </label>
<input type="text" name="name" id="name" value="" />

<label>Surname: </label>
<input type="text" name="surname" id="surname" value="" />

Answer 1

您需要遍历每个input，然后对输入和标签进行分组，并使用.wrapAll()之类的

$('input[type="text"]').each(function () {
    $(this).prev().addBack().wrapAll('<div data-role="fieldcontain">');
})

演示：Fiddle