使用jquery动态创建ul-li

Create ul li dynamically using jquery

本文关键字：ul-li 创建 动态 jquery 使用      更新时间：2023-09-26

我正在尝试创建包含<a>的动态ul和li标记。我得到的firstName未定义错误。

小提琴

var sData= [];
var temp = {
  "firstName": 'Steve',
  "route": 'url'
};
sData.push(temp);
console.log(sData);
var cList = $('ul#sParts');

$.each(sData, function(i) {
  var li = $('<li/>')
    .appendTo(cList);
  var aaa = $('<a/>')
    .text(firstName[i])
    .href(route[i])
    .appendTo(li);
});
<div class="row">
  <ul id="sParts">
  </ul>
</div>

'firstName'或'route'是supercededData的属性。因此，您需要将它们定义为数组的一部分。

$.each(supercededData, function(i) {
  var li = $('<li/>')
    .appendTo(cList);
  var aaa = $('<a/>', {
     text : supercededData[i].firstName,
     href : supercededData[i].route })
    .appendTo(li);
});

工作示例：https://jsfiddle.net/rwgoxLg2/2/

相关文章：