循环URL和使用数组加载取决于ID

时间:2016-09-06 03:59:19

标签: javascript jquery arrays

我有一个id的字符串列表where;

ids = '1,2,3,4,5'

只是div的表示

<div id="item_1">Text 1 - Suspended </div>
<div id="item_2">Text 2 - Suspended </div>
<div id="item_3">Text 3 - Suspended </div>
<div id="item_4">Text 4 - Suspended </div>

并转换为数组(如果你有更好的解决方案将字符串转换为数组请分享,tia!)

array_id = ids.split(',');

我的问题是如何循环网址并将其加载到具有数组ID的不同div?

function multipleLoadContent(url,id){
var ids = id;
var array_id = new Array();
array_id = ids.split(',');

    // maybe loop here and apply where id is?
    $("#item_"+array_id ).load(url);
}

返回的文本是系统生成的输出,例如

for id "item_1" returned text "Text 1 - Active"
for id "item_2" returned text "Text 2 - Declined"
for id "item_3" returned text "Text 3 - Stale"
.....

2 个答案:

答案 0 :(得分:2)

你可以做一个for循环迭代每个元素:

array_id.forEach(item) {
    $("#item_" + item).load(url);
}

这是for-each循环,迭代array_id中的所有元素。可以通过item访问当前元素的值。考虑:

var array_test = [1, 2, 3, 6]
array_test.forEach(function(item) {
    console.log(item);
});

这将记录:

1
2
3
6

正如期望的那样,因为我们遍历每个元素并记录它。

答案 1 :(得分:0)

更好的是,您可以使用forEach方法。

ids.split(',').
forEach(function(item){
  $("#item_"+item ).load(url));
});