如何将两个元素包装到一个 div 中？答案

【问题标题】：How to wrap two elements into one div?如何将两个元素包装到一个 div 中？
【发布时间】：2014-03-21 10:57:10
【问题描述】：

我在包装两个元素时遇到问题：标签和输入到一个 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="" />

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

您需要遍历每个input，然后将输入和标签组合在一起，并使用.wrapAll() like

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

演示：Fiddle

【讨论】：