通过jquery在ul中插入列表项

我试图在ul项目中插入一些包含JSON内容的列表项目，但我无法正确地进行操作，也看不出我做错了什么

这是我正在使用的代码：

var over_slide = $('<div id="slider" class="slider"></div>');

over_slide.append('<ul class="orslider">');

$.each(jsonobject, function (index, d) {
    if (d.category_id == 5) {
        over_slide.append("<li><h1 class='cufon'>" + d.naam + "</h1><h2 class='cufon'>" + d.subtekst + "</h2><p>" + d.tekst + "</p></li>");
    }
});

over_slide.append('</ul>');

var over_slide=$（''）；
在幻灯片上方追加（“
”）；
$.each（jsonobject，function（index，d）{
如果（d.category_id==5）{
在幻灯片上方追加（“
”+d.naam+“+d.subtekst+”“+d.tekst+”
”；
}
});
在幻灯片上方追加（“
”）；

---

当我访问页面时查看我的源代码时，它有一个空的ul和正确的类名，并且所有列表项都放在ul之外。我怎样才能解决这个问题？我尝试了很多，但仍然不起作用。

生成的

li

及其内容将被附加到

div

中，而不是

li

var over_slide = $('<div id="slider" class="slider"></div>');

var ul = $('<ul/>', {"class":"orslider"};  //create new ul object

$.each(jsonobject, function(index, d){    
     if(d.category_id == 5){
         //append elements to the ul instead of the div
         ul.append("<li><h1 class='cufon'>"+d.naam+"</h1><h2 class='cufon'>"+d.subtekst+"</h2><p>"+d.tekst+"</p></li>"); 
     }
});
over_slide.append(ul);
//at somepoint over_slide needs to be appended to the DOM

var over_slide=$（''）；
var ul=$（'
'，{“类”：“orslider”}；//创建新的ul对象
$.each（jsonobject，function（index，d）{
如果（d.category_id==5）{
//将元素附加到ul而不是div
附加（“
”+d.naam+”+d.subtekst+”“+d.tekst+”
”）；
}
});
在幻灯片上方追加（ul）；
//在某个时候，需要将幻灯片附加到DOM

为了更好的性能

var over_slide = $('<div id="slider" class="slider"></div>');

var ul = $('<ul/>', {"class":"orslider"};  //create new ul object
var html = "";
$.each(jsonobject, function(index, d){    
     if(d.category_id == 5){
         //append elements to var
         html += "<li><h1 class='cufon'>"+d.naam+"</h1><h2 class='cufon'>"+d.subtekst+"</h2><p>"+d.tekst+"</p></li>"; 
     }
});

//only perform append once
ul.append(html);

over_slide.append(ul);
//at somepoint over_slide needs to be appended to the DOM

var over_slide=$（''）；
var ul=$（'
'，{“类”：“orslider”}；//创建新的ul对象
var html=“”；
$.each（jsonobject，function（index，d）{
如果（d.category_id==5）{
//将元素附加到var
html+=“
”+d.naam+“+d.subtekst+”“+d.tekst+”
”；
}
});
//只执行一次追加
ul.append（html）；
在幻灯片上方追加（ul）；
//在某个时候，需要将幻灯片附加到DOM

你能显示

jsonobject

吗？谢谢你，你救了我一天！@MarcoBinnekamp很高兴我能帮上忙。如果你想让这个函数性能更好，在循环内收集li标记，然后在循环外调用

ul.append

。你需要接受答案，而不是将问题编辑为“已解决”。