Jquery 从json数据向ul添加li

我正在为每个循环使用

json

数据，将

li

添加到

ul

我尝试了以下代码

$("#accordion li").remove();
$.each(jsonData, function( index, value ) {
console.log(value.SubCategoryName)
$("#accordion").append('<li><a id="'+value.subCategoryID+'" style="cursor: pointer;">"'+value.SubCategoryName+'</a></li>');

})

$（“#手风琴li”）.remove（）；
$.each（jsonData，函数（索引，值）{
console.log（value.subcategory名称）
$（“#accordion”）.append（“
”“+value.subcategory name+”
”）；
})

它允许我从

ul

中清除旧值，控制台也显示值。但我无法附加到

ul

。请建议

$（“#手风琴ul-li:last”）。之后（“
测试
”）；
$("#accordion ul li:last").after('<li><a>Test</span></a></li>');

---

尝试后，而不是附加。

创建一个空字符串-使用它创建一个李的字符串，然后将其直接传递到手风琴的html中

这将创建li的列表，第二个将用新字符串完全替换ul的html。此方法的一个优点是：只影响DOM一次，替换一次内容，而不是每次使用.append（）循环迭代

我刚刚绕过了一个jsonData对象，并对其进行了迭代以创建ul li

还请注意，a应该具有href属性，并且悬停时的样式已移动到CSS块

var jsonData=[{
“子类别ID”：“1”，
“子类别名称”：“类别一”，
}, {
“子类别ID”：“2”，
“子类别名称”：“类别二”，
}, {
“子类别ID”：“3”，
'子类别名称'：'类别三'，
},];
var-liStr=''；
$.each（jsonData，函数（索引，值）{
liStr+='
'+value.SubCategoryName+'
'；
})
$（“#accordion”）.html（列表）；

#手风琴李：悬停{
光标：指针；
}