Как я могу задать значения массива объектов с помощью 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>')); 
});