создать поле ввода внутри звукозаписывающей компании с помощью JQuery

Question

Я пытаюсь создать ярлык и помещен внешним флажок входа, как

что я пытался это мой HTML является

<input type="checkbox"> 

Моего JQuery является

$('input[type="checkbox"]').after('<label class="label-select"><span></span></label>'); 

Теперь выход

<input type="checkbox"> 
<label class="label-select"> 
<span></span> 
</label> 

Но я хочу, как это

<label class="label-select"> 
<input type="checkbox"> 
<span></span> 
</label> 

Так как я могу написать JQuery для этого. Я не хочу менять HTML.

Спасибо за ваш ответ.

Answer 1

Использование wrap() не after():

$('input[type="checkbox"]').wrap('<label class="label-select"></label>').after('<span></span>'); 

Example fiddle

Answer 2

Вы ищете .wrap() функции JQuery.

Answer 3

Если вы используете jQuery.wrap(), вы сможете достичь того, что ищете.

$('input[type="checkbox"]').after('<span></span>').wrap('<label class="label-select"></label>'); 

EDIT Есть два назад к передней пардон, должно быть

$('input[type="checkbox"]').wrap('<label class="label-select"></label>').after('<span></span>'); 

Answer 4

Попробуйте это:

$('input[type="checkbox"]').wrap('<label class="label-select"></label>').wrap('<span></span>'); 

Answer 5

Или вы можете использовать JQuery Append() метод, добавляемых HTML внутри блока. Попробуйте это,

$('.label-select').append('<input type="checkbox"><span></span>'); 

Answer 6

Все, что вам нужно сделать, это обернуть элемент (флажок) внутри метки.

$('input[type="checkbox"]').wrap('<label class="label-select"><span></span></label>');