Javascript 在html列表中，在页眉之后和页脚之前插入项目

我需要在页眉之后和页脚之前依次插入一些项目

基本html：

<ul id="comments_notifications_list">
    <li>header</li>
    <li>footer</li>
</ul>

标题
页脚

我正在尝试此代码，但最后一项将被替换：

$.each(comments, function(idx, obj){ 
    $.each(obj, function(key, value){
        $('ul#comments_notifications_list:not(:first-child)').append('<li>stuff</li>');
    });
});

$。每个（注释、函数（idx、obj）{
$。每个（对象、功能（键、值）{
$（'ul#comments#u notifications#list:not（：first child））.append（'li>stuff）；
});
});

---

如何解决此问题？

您可以使用

after

或

insertAfter

jQuery方法

下面是您尝试执行的示例：

var注释=[1,2,3]；
$（$第一个子项”）。之后（$.map（注释，函数（项）{
返回“
某些值”+项+”
”；
}));


标题
页脚
你可以用这种方法试试。基本上，通过$（'ul#comments _notifications _list'）.children（）.eq（0）获得ul标记的第一个子项，然后li标记将插入该子项之后。有关insertAfter（）的详细信息，请转到此链接

$。每个（注释、函数（idx、obj）{
$。每个（对象、功能（键、值）{
$（'li>stuff）.insertAfter（$（'ul#comments#u notifications_list'）.children（）.eq（0））；
});
很明显，诀窍在于地图。After或append与此无关。谢谢
 $.each(comments, function(idx, obj){ 
   $.each(obj, function(key, value){
    $('<li>stuff</li>').insertAfter($('ul#comments_notifications_list').children().eq(0));
});