特定の高さのコンテンツをすべてラップするには？

Question

私は1つの質問は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> 

に私を助けることを願っています私の要件でありますそれは1つのグループに含まれるべき高さをカバーしており、余分なコンテンツは別の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>') 
    }