jquery обернуть флажок и метку в div

0

Я создал один плагин 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>

как это сделать?

Теги:

1 ответ

1
Лучший ответ

Пытаться

$('.newch').each(function () {
    var $this = $(this);
    $this.add(this.nextSibling).add($this.next()).wrapAll('<div class="chk-bx"/>')
})

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню