Question

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

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

并且变量src为我提供了每个名称的链接：

分别为

console.log(src) = www.joe.com, www.foo.com, www.john.com and www.maria.com。

现在我想附加一个div，其中每个都有'name'的id，而text是每个的链接，所以我最终会得到像这样的东西：

<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

我没有测试它，但这应该可行。

var names = name.split(',');
var srcs = src.split(',');
var textToInsert = '';
var currentName;
var currentSrc;
for (index in names) {
  var currentName = names[index];
  var currentSrc = srcs[index];
  textToInsert  += '<div id="'+ name +'">' + a + '</div>';
}

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

Answer 2

假设name和src是字符串数组，你只是在那里 - 从name获取名称项的索引并使用它来获取另一个数组中相应的src url。否则，从两个列表中制作一个地图并按此方式执行。

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);

Answer 3

这里的简单例子

$(document).ready(function(){
    var name = ['joe','foo','john','maria'];
    var src = ['www.joe.com', 'www.foo.com', 'www.john.com','www.maria.com']
    var html = "";           
    for(i=0;i<name.length;i++){
         html += "<div id='" + name[i] + "'>" + src[i] + "</div>" 
    }

     $("body").append(html);
 });

Answer 4

我也没有对此进行测试，但这就是我解释你的问题......

var name = ['joe','foo','john','maria'];
var src = ['www.joe.com','www.foo.com','www.john.com','www.maria.com'];
var str = "";
for (var i=0;j=name.length;i<j;i++) {
    str += "<div id='" + name[i] + "'>" + src[i] + "</a>\n";
}
document.write(str);

Answer 5

Demo

var arr = ['joe', 'foo', 'john', 'maria'];
$.each(arr, function(count, item) {
    var a = 'www.' + item + '.com';
    $('body').append('<div id="' + item + '"><a href="http://' + a + '">' + a + '</a></div>');
});

附加每个元素的id

5 个答案: