使用带有多个链接的.load加载多个项目

时间:2017-04-29 10:42:24

标签: jquery html

我想在多个链接的特定div的div中加载文本。

像这是我的HTML代码

<div id="mydiv"></div>

我可以使用以下jquery通过链接获取特定div的文本。

$( "#mydiv" ).load( "http://website.com/events-1059278 .div1 .div2" );

现在我想在mydiv中显示数百个div内容,并希望每行显示一个div内容。

尝试但不行。

$( "#mydiv" ).load( "http://website.com/events-1059278 .div1 .div2, http://website.com/events-8477885 .div1 .div2,http://website.com/events-5481254 .div1 .div2" );

预览应该像这样显示

先生。 ABC
DEF先生
GHI先生

如果有可能请告诉我。

1 个答案:

答案 0 :(得分:1)

.load()一次只能获得1个链接,因此您可以使用链接列表创建一个数组,然后使用forEach循环来完成它。

示例:

var links = ["http://website.com/events-1059278 .div1 .div2", "http://website.com/events-8477885 .div1 .div2", "http://website.com/events-5481254 .div1 .div2"];

$(links).each(function(index, link) {
   $("#mydiv").load(link);
});