Jquery 如何将选定图元的多个实例包装到新的<;部门>';s

Jquery 如何将选定图元的多个实例包装到新的<;部门>';s,jquery,dom,dom-manipulation,Jquery,Dom,Dom Manipulation,我需要用类.left和.right将div包装成一个新的div。有问题,使这项工作,因为我需要它 这是原始标记: <div class="content-main"> <div class="summary" id="listing_summary_3547"> <div class="share"></div> <div class="left"></div> <div class="ri

我需要用类
.left
.right
div
包装成一个新的
div
。有问题,使这项工作,因为我需要它

这是原始标记:

<div class="content-main">
  <div class="summary" id="listing_summary_3547">
    <div class="share"></div>
    <div class="left"></div>
    <div class="right"></div>
  </div>
  <div class="summary" id="listing_summary_12739">
    <div class="share"></div>
    <div class="left"></div>
    <div class="right"></div>
  </div>        
  <div class="summary" id="listing_summary_4">
    <div class="share"></div>
    <div class="left"></div>
    <div class="right"></div>
  </div>
</div>

这就是我需要的结果:

<div class="content-main">
   <div class="summary" id="listing_summary_3547">
      <div class="share"></div>
      <div class="summary-inside">
         <div class="left"></div>
         <div class="right"></div>
      </div>
   </div>
   <div class="summary" id="listing_summary_12739">
      <div class="share"></div>
      <div class="summary-inside">
         <div class="left"></div>
         <div class="right"></div>
      </div>
   </div>
   <div class="summary" id="listing_summary_4">
      <div class="share"></div>
      <div class="summary-inside">
         <div class="left"></div>
         <div class="right"></div>
      </div>
   </div>
</div>

脚本标记需要驻留在标记中(无法访问节)。jQuery版本是1.3.2

我自己能做的最接近的事情是:

    $('.summary .left,.summary .right').wrapAll('<div class="summary-inside"></div>')
$('.summary.left、.summary.right').wrapAll('')

但是结果是错误的,这些元素被放在一起,而不是按我所需要的方式分布。

这项功能现在已经过测试,确实有效:

$('.content-main .summary').each(
    function(){
        $(this).find('.left,.right').wrapAll('<div class="summary-inside"></div>');
    });
$('.content main.summary')。每个(
函数(){
$(this.find('.left,.right').wrapAll('');
});


链接演示中显示所需html的文本是使用jQuery 1.3.2进行操作后,
.content main
元素的更新html。

现在已经测试过,并且确实可以:

$('.content-main .summary').each(
    function(){
        $(this).find('.left,.right').wrapAll('<div class="summary-inside"></div>');
    });
$('.content main.summary')。每个(
函数(){
$(this.find('.left,.right').wrapAll('');
});


链接演示中显示所需html的文本是
.content main
元素的更新html,在使用jQuery 1.3.2进行操作后。

很高兴能提供帮助!=)很高兴能帮上忙!=)