用jquery包装元素？

我有一些

HTML

<input type="checkbox">

我需要得到所有元素与复选框和包装他们不同的最终html得到这样的

<label class="checkbox"><input type="checkbox"><i></i></label>

---

只有使用Jquery才能做到这一点吗？

您可以执行以下操作

$（'input:checkbox'）。换行（“”）。之后（“”）

label.checkbox{
边框：1px纯红；
}
label.checkbox i{
显示：内联块；
填充物：5px；
线高：10px；
背景颜色：蓝色；
}

---

HTML

<input type="checkbox">  

CSS

$(':checkbox').wrapInner('<i></i>').wrapInner('<label class="checkbox"></label>')

$（':checkbox'）.wrapInner（''）.wrapInner（''）

---

您需要获取复选框父项的outerHTML？您可以使用。。。drumroll请。TXANK用于.wrap（），但这并不能解决我的问题：（

.parent（）.append（）

可以替换为

.after（）

）。