如何将选定元素的多个实例包装到新的中

Question

我需要将 div 与类 .left 和 .right 包装到一个新的 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>')

但是结果是错误的，元素全部放在一起，而不是按照我需要的方式分布。

Answer 1

现在已经过测试，并且确实有效：

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

JS Fiddle 演示。

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