使用jQuery创建和附加数据块

我正在创建一个web应用程序，它使用MediaPediaAPI查询10个wikipedia条目，并以块的形式显示每个条目

以下是json：

我要做的是将这些条目都显示在块中，每个块下一个块。 因此，我考虑使用

for循环

迭代每个条目，然后使用jQuery从上到下添加分层的每个块。我将如何做到这一点

为了简单起见，我的代码笔如下：

我尝试迭代并将条目附加到块：

for(var i=0;i<10;i++)
{
    title = a[1][i];
    descr = a[2][i];
    link =a[3][i];

    var b = $('<a href = "' + link '"><div class="panel panel-info"><p class="panel-heading">' + title + '</p><p class="panel-body">' + descr + '</p></div></a>');

    $('#block').append(b);
}

---

for（var i=0；i您所拥有的似乎有效，除了您在
var b
中缺少
+
链接后的
。而
b
可以只是一个普通变量-无需在jQuery中包装它


$.getJSON（“https://cors-anywhere.herokuapp.com/http://en.wikipedia.org/w/api.php?action=opensearch&format=json&search=Shakira&limit=10&profile=fuzzy“，功能（a）{
对于（变量i=0；i<10；i++）{
var title=a[1][i]，
descr=a[2][i]，
link=a[3][i]，
b=''；
$（'块'）。附加（b）；
}
})；
.form{
文本对齐：居中；
利润率：50像素；
字体大小：20px；
}
.字形图标{
字体大小：20px；
}
.小组{
保证金：自动；
宽度：1000px；
边界半径：
}
.小组标题{
字体大小：20px；
文本对齐：居中；
}
.小组委员会{
字体大小：15px；
}
您可以使用forEach迭代数组：

a.forEach(function(row){
    title= row[1];
    descr = row[2];
    link =row[3];

    var b = $('<a href = "' + link +'"><div class="panel panel-info"><p class="panel-heading">' + title + '</p><p class="panel-body">' + descr + '</p></div></a>');

    $('#block').append(b);
});

a.forEach（函数（行）{
标题=第[1]行；
descr=第[2]行；
链接=第[3]行；
var b=$（''）；
$（'块'）。附加（b）；
});