jQuery甚至位置DOM包装

Question

我有以下html代码，我想要close div和包装div内的两个ul。

Ul会越来越多，因为它会动态添加。

<div class="span9 well viewDetailDiv"> 
    <ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
    <ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
    <ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
    </ul><ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
</div> 

我想输出如下。

<div class="span9 well viewDetailDiv"> 
    <ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
    <ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
</div> 
<div class="span9 well viewDetailDiv"> 
    <ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
    </ul><ul class="span6 pull-left"> 
     <li></li> 
     <li></li> 
    </ul> 
</div> 

我已经试过

$('.viewDetailDiv ul:even').not(':first').css('margin-left','0').wrapAll('<div class="span9 well viewDetailDiv">'); 
$('.viewDetailDiv ul:nth-of-type(2)').nextUntil('ul').andSelf().wrapAll('<div class="span9 well viewDetailDiv">'); 

$('.viewDetailDiv ul').each(function() 
{ 
    $(this).nextUntil('ul:even').andSelf().wrapAll('<div class="span9 well viewDetailDiv" />'); 
}); 

$('.viewDetailDiv ul').each(function() 
{ 
    $(this).nextUntil('ul:even').prev().wrapAll('<div class="span9 well viewDetailDiv" />'); 
    console.log($(this).nextUntil('ul:even')); 
}); 

没有上面的代码解决我的问题。

所以，如果你们看到错误，请让我知道，所以我可以纠正自己。

Answer 1

尝试此，

$(document).ready(function(){    
    var uls = $("ul"); 
    for(var i = 0; i < uls.length; i+=2) { 
      uls.slice(i, i+2).wrapAll("<div class='span9 well viewDetailDiv'></div>"); 
    } 
}); 

Working fiddle

逻辑从Using JS to wrap pairs of <li> in divs