Как обернуть два элемента в один div?

Question

Как обернуть два элемента в один div?

0

У меня проблема с обертыванием двух элементов: label и input в один 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="" />

user3342042 21 март 2014, в 12:31

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2014-03-21T08-07-00.000Z

Вам нужно прокрутить каждый input затем соединить вход и метку и использовать .wrapAll(), как

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

Демо: скрипка