循环URL和加载使用数组依赖于ID

Loop URL and load using array depends on ID

本文关键字:数组 依赖于 ID URL 加载 循环      更新时间:2023-09-26

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

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(',');

我的问题是,我怎么能循环url,并加载到不同的div与数组id?

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"
.....

可以使用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

和预期的一样,因为我们循环遍历每个元素并记录它

甚至更好,您可以使用forEach方法。

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