jquery - jQuery 如何通过 LABEL 标签包装表单输入和下一个文本？

Question

我有这个：

...
<input type="checkbox" />
AAA
<p>BBB</p>
<div>CCC</div>
...

并希望通过 LABEL 标签包装输入和下一个文本，如下所示：

...
<label>
    <input type="checkbox" />
    AAA
</label>
<p>BBB</p>
<div>CCC</div>
...

我怎么能通过 jQuery 做到这一点？

score 0 · Accepted Answer

$('.parent').contents().filter(function(){
     return this.localName === 'input' || this.nodeType === 3;
}).wrapAll('<label></label>');

或者：

$('input[type=checkbox]').each(function(){
   $(this).add(this.nextSibling).wrapAll('<label/>');
});

1 回答 1