Jquery - 在數組中的每個新行之前添加html

Question

我一直在嘗試通過在其內容頂部添加一個有序列表，然後在每個新行之前添加一個有序列表來對html代碼元素進行樣式設置，他們的結束標籤添加到每行的末尾。

這是我有：

 $("#mydiv code").each(function(){ 
     var oldcontent = $(this).html(); 
     $(this).html("<span class='olnumbers'></span><ol class='code'>" + oldcontent + "</ol>"); 
     var lines = oldcontent.split(/[\n\r]/g); 
     $.each(lines, function(e){ 
       $(this).html("<li><p>" + lines + "</p></li>"); 
     }); 

}); 

這根本不起作用。我沒有錯誤，我不知道什麼是錯的。 有誰知道如何解決這個問題？

謝謝！

Answer 1

你不能在每個函數中使用它。

http://api.jquery.com/jQuery.each/

jQuery.each（集合，回調（indexInArray，valueOfElement））

收集的對象或數組遍歷。

callback（indexInArray，valueOfElement）將在每個對象上執行的函數 。

試試這個：

var html = []; 
$.each(lines, function(i, val){ 
       html.push("<li><p>" + val + "</p></li>"); 
     }); 
$(this).html(html.join(''));