如何使用jQuery來循環對象數組的值？

Question

我有兩個數組這樣

var v1 = ["1","2","3","4","5"], 
    v2 = ["val1","val2","val3","val4","val5"] 

我想匹配的價值觀和創建HTML字符串;

<div data-id="1">val1</div> 
<div data-id="2">val3</div> 
<div data-id="3">val3</div> 
<div data-id="4">val4</div> 
<div data-id="5">val5</div> 

我該如何使用jQuery來做到這一點？

Answer 1

如果你想創建一個HTML字符串中使用$.map()

var a1 = ["1", "2", "3", "4", "5"] 
var a2 = ["val1", "val2", "val3", "val4", "val5"] 

var html = $.map(a1, function (val, i) { 
    return '<div data-id="' + val + '">' + a2[i] + '</div>' 
}).join(''); 

console.log(html) 

演示：Fiddle

Answer 2

試試這個：

var ids = ["1","2","3","4","5"] 
var values = ["val1","val2","val3","val4","val5"] 

$.each(ids, function(index, value) { 
    $('body').append($('<div data-id="' + value + '">' + values[index] + '</div>')); 
});