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でこれを行うにはどうすればよいですか?

Answer 1

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

http://jsfiddle.net/Cja4H/

または：

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

http://jsfiddle.net/BkpgX/