jqueryを使用してul liを動的に作成する

Question

ulとliのタグを<a>というタグで動的に作成しようとしています。私はfirstNameが定義されていないエラーを取得しています。

FIDDLE

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/