jquery - append 每个元素的 id

Question

我有一个变量name，它给了我一些元素:

console.log(name) = joe,foo,john,maria

变量src为我提供了每个名称的链接:

console.log(src) = 分别为 www.joe.com、www.foo.com、www.john.com 和 www.maria.com。

现在我想 append 一个 div，其中每个 div 都有“名称”的 id，对于文本，每个 div 都有链接，所以我最终会得到类似这样的结果:

<div id="joe">www.joe.com</div>
<div id="foo">www.foo.com</div>
<div id="john">www.john.com</div>
<div id="maria">www.maria.com</div>

这是我到目前为止所拥有的:

var arr = [];
var textToInsert = '';
$.each(arr, function(count, item) {
  textToInsert  += '<div id="'+ name +'">' + a + '</div>';
});

$('body').append(textToInsert);

Answer 1

假设 name 和 src 是字符串数组，那么您就可以从 name 中获取名称项的索引，并使用它来获取另一个数组中相应的 src url。否则，从两个列表中制作一个 map 并按照这种方式进行。

var arr = ['a', 'b', 'c', 'd'];
var arr2 = [ 1, 2, 3, 4];
var result = "";

$.each(arr, function(index, value) {
    result += '<div id="' + value + '">' + arr2[index] + "</div>"

});

$('body').html(result);