從數組中插入特定字符串後的分頁符javascript

Question

我製作了一段代碼，需要在特定數量的新行或單詞後進行分頁。我建立了一個數組，告訴我它應該在哪裏切入我的元素。正如你可以在我的jsFiddle中看到的，你可以看到一個console.log();，表明我需要剪切文本。

我想獲得關於如何創建一個關閉</div>插入在我的array()特定字符串後面的幫助。我想有一個結束</div>和創造的新<div>

更多細節有關代碼

// $(this) 
$(this) = $('.c_84'); 

的HTML例子

<div class=" onerow counting_1"><div class="newDiv"></div> 
    <div class="onefield c_6937"> 
     <!-- This is where I want to generate the new divs --> 
     <table class="textarea" cellspacing="0" cellpadding="0"> 
     <tbody> 
     <tr> 
      <td class="value"><!-- Content String --></td> 
     </tr> 
     </tbody> 
     </table> 
    </div> 
</div> 

這裏是我的代碼邏輯至今。

// The class c_6937 is the class test in my jsFiddle 
// I did this just to remove extra html and focus on the problem 

// Start 
$(this).find('.c_6937').parent().prepend('<div class="newDiv">'); 
var countReqNumberOfPages = newChunk.length; 
for (var key in newChunk) { 
    // If we find the first chunk, insert </div><div class="newDiv"> after it. 
} 

// End 
$(this).find('.c_6937').parent().append('</div>'); 

難道是可以運行str_replace函數（我的陣列中）（）函數，並使用完全相同的字符串和關閉的div替換當前字符串？

---

編輯1：我在爲更好地理解這一問題的代碼添加額外的意見，並增加了一個可能的解決方案。

Answer 1

我不知道你是否有這樣的事情

<script type="text/javascript"> 

var wordsPerLine = 15; 
var minWordsPerLine = 5; 
var linesPerPage = 30; 
var linesToStopAfter = []; 


function checkForDot(pos,masterArray){ 
    if(pos < 0){ 

    return false; 
    } 
    var line = masterArray[pos]; 
    if(line.indexOf('.') !== -1){ 
    return line; 
    } 
    else{ 

    return checkForDot(pos-1,masterArray); 
    } 
} 

function chunk(lines) { 

    var masterLines = []; 
    for (i = 0; i < lines.length; i++) { 

     var sentence = []; 
     var wordsList = lines[i].split(" "); 
     var wordCount = 0; 
     for (j = 0; j < wordsList.length; j++) { 

     if(wordCount >= wordsPerLine){ 

      wordCount = 0; 
      masterLines.push(sentence.join(" ")); 
      sentence = []; 
      sentence.push(wordsList[j]); 
     } 
     else{ 

      sentence.push(wordsList[j]); 
     } 

     wordCount++;   
     } 

     masterLines.push(sentence.join(" "));   
    } 

    return masterLines 
} 

$(document).ready(function() 
{ 
    var html = $("#test").html(); 
    $("#test").html('<div class="newDiv">'+html+'</div>'); 
    var lines = chunk($("#test").text().split("\n")); 
    var count = 0; 
    for (k = 0; k < lines.length; k++) { 
     count++; 
     if(count >= linesPerPage){ 
     count = 0; 
     linesToStopAfter.push(checkForDot(k,lines)); 
     } 
    } 

    for(j=0; j<linesToStopAfter.length;j++) 
    { 
     toreplace = $("#test").html().replace(linesToStopAfter[j], linesToStopAfter[j]+"</div><div class='newDiv'>"); 
     $("#test").html(toreplace) 
    } 
    cleanedhtml = $("#test").html().replace(/<\s*div[^>]*><\s*\/\s*div>/g,""); 
    $("#test").html(cleanedhtml) 
}); 

</script>