javascript - jquery 包裹多个元素

Question

我想用以下代码包装一个元素:

$('.sltxt').wrap('<div class="wrapCheck"><input type="checkbox"><div class="chkbox"></div></div>');

我得到这个:

<div class="wrapCheck">
    <input type="checkbox">
        <div class="sltxt">
            text
        </div>
    </input>
    <div class="chkbox"></div>
</div>

但是，我希望代码像这样包装:

<div class="wrapCheck">
  <input type="checkbox">
    <div class="chkbox">
    </div>
<div class="sltxt">test</div>
</div>

有什么办法可以实现这一点吗？ (还输入添加不需要的 </input> )

编辑:经过进一步检查，我实际上需要以下代码:

<li>
     <a href="#drop2"><span class="pk-add_small"></span></a>
     <div class="wrapCheck">
         <input type="checkbox">
         <div class="chkbox"></div>
         <span class="sltxt">Κεντρική Κατηγορία 2</span>
   </div>
</li>

我有这个代码:

<li>
   <a href="#drop2"><span class="pk-add_small"></span></a>
   <input type="checkbox">
   <span class="sltxt">Κεντρική Κατηγορία 2</span>
</li>

Answer 1

我认为您正在寻找这个...首先包裹在外部元素中，然后添加其他元素:

$('.sltxt')
    .wrap('<div class="wrapCheck"></div>')
    .before('<input type="checkbox" /><div class="chkbox"></div>');

http://jsfiddle.net/pmLdz/