Jquery - 在数组中的每个新行之前添加 html

Question

我一直在尝试通过在其内容顶部添加一个有序列表，然后在每个新行之前添加一个 LI 和一个 P 来设置 html CODE 元素的样式，并将它们的结束标记添加到每一行的末尾。

这就是我所拥有的：

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

collection 要迭代的对象或数组。

callback(indexInArray, valueOfElement) 将要调用的函数 在每个对象上执行。

试试这个：

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