如何在jQuery中的div类中包装动态输入和标签

Question

我正在动态渲染input个字段和labels，但我试图将这些元素包装在<div class="col-sm-12"中。无法找到更好的方法，因为我会单独添加input和label。

var chk = $('<input />', { type: 'checkbox', id: inputName, name: inputName }).appendTo(checkBox);
var chkLabel = $('<label />', { 'for': inputName, text: inputName, id: inputName, name: inputName }).appendTo(checkBox);

以上呈现为

<input type="text">
<label>text</label>

我尝试了类似的东西，但很确定这是错误的。有人可以指出如何在div

中包装这些元素的正确方法

$('div.className').append('<div class="col-sm-12>'+ chk + chkLabel + '</div>')

最终结果应为

<div class="col-sm-12">
 <input type="text">
 <label>text</label>
</div>

解决方案

 $(chkBoxElement).each(function(){
    var $this = $(this);
    $this.add(checkBoxLabel).wrapAll('<div class="col-sm-12"/>');
})