Jquery - 配列内の各行の前にhtmlを追加する

Question

私はhtml CODE要素のスタイルを変更しようとしていましたが、その内容の上に順序付きリストを追加し、次に新しい行の前にLIとPを付け加えました。それらの終了タグは各行の最後に追加されます。これは、単に動作しません

 $("#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））

コレクションにわたって反復するオブジェクトまたは配列。

コールバック（indexInArray、valueOfElement）すべてのオブジェクトで実行される の関数です。

代わりにこれを試してみてください：

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