用jquery包含wrapp元素？

Question

我有一些

HTML

<input type="checkbox">

我需要使用复选框获取所有元素,并将它们包装起来,使得最终的html得到这样的结果

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

这只能用Jquery吗？

Answer 1

你可以做点什么

$('input:checkbox').wrap('<label class="checkbox" />').after('<i />')

label.checkbox {
  border: 1px solid red;
}
label.checkbox i {
  display: inline-block;
  padding: 5px;
  line-height: 10px;
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox">