Question

我正在尝试在其中创建包含ul的动态li和<a>标记。我收到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>

Answer 1

'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/

使用jquery动态创建ul li

1 个答案: