Я создал один плагин wordpress для создания контактной формы. Если я создаю несколько флажков, это выглядит как код ниже:
<input class="newch" name="chkbox[]" value="Product Specifcation" type="checkbox">
Product Specifcation<br>
<input class="newch" name="chkbox[]" value="Country Of origin" type="checkbox">
Country Of origin<br>
<input class="newch" name="chkbox[]" value="Minimum Order quantity" type="checkbox">
Minimum Order quantity<br>
<input class="newch" name="chkbox[]" value="Prouduct Warranty" type="checkbox">
Prouduct Warranty<br>
<input class="newch" name="chkbox[]" value="Unit Price" type="checkbox">
Unit Price<br>
теперь я хочу обернуть каждый флажок, и он будет помечен как div для ex
<div class="chk-bx">
<input class="newch" name="chkbox[]" value="Unit Price" type="checkbox">
Unit Price<br>
</div>
<div class="chk-bx">
<input class="newch" name="chkbox[]" value="Prouduct Warranty" type="checkbox">
Prouduct Warranty<br>
</div>
<div class="chk-bx">
<input class="newch" name="chkbox[]" value="Country Of origin" type="checkbox">
Country Of origin<br>
</div>
как это сделать?
Пытаться
$('.newch').each(function () {
var $this = $(this);
$this.add(this.nextSibling).add($this.next()).wrapAll('<div class="chk-bx"/>')
})
Демо: скрипка