使用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/