如何將所有內容包裝在特定的高度？

Question

我有一個問題是有沒有辦法wrapp jQuery中的特定高度的內容，以下是我的要求，我希望有人能幫助我解決這個問題

<p>Ligula mi volutpat porta consectetur in varius quisque at mus dignissim in felis felis ultricies ullamcorper ornare per vestibulum diam nibh id. A ridiculus scelerisque felis id eget dictumst a parturient amet blandit suspendisse vulputate vitae ullamcorper nullam ante eu sit fermentum vivamus nisi ridiculus lobortis.<p> 

如果該內容達到特定高度的內容它覆蓋了它應該在一個組中的高度，並且多餘的內容應該包裝到另一個div組中是否有可能？

Answer 1

這是我的問題的答案

HTML

  <div class="record">some element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>contentsome element 
     <br/>contentsome element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>contentsome element 
     <br/>contentsome element 
     <br/>contentsome element 
     <br/>contentsome element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>contentsome element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>contentsome element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>contentsome element 
     <br/>content</div> 
     <div class="record">some element 
     <br/>contentsome element 
     <br/>content</div> 

在函數

 var $records = $('.record'), 
     total = 0, 
     group = 0, 
     limit = 200; //px 

    $records.each(function() { 
     var $record = $(this); 
     total += $record.outerHeight(true); 

     if (total > limit) { 
     total = $record.outerHeight(true); 
     group++; 
     } 
     //$record.attr('data-height', $record.outerHeight(true)); 
     //$record.attr('data-total', total); 
     $record.attr('data-group', group); 
    }); 

    for (var i = 0; i <= group; i++) { 
     $('[data-group="' + i + '"]').wrapAll('<div class="page"></div>') 
    }