API样式化Javascript+；HTML

基本上，我在面板/标题中使用引导CSS

我有一个来自Twitch.tv的Kraken的API，它可以捕获3条流

我的问题是它在一个框中显示了3个流

- 

---

如果有人能给我指点，我会非常感谢你把所有元素都添加到循环中

重新创建元素并单独添加

演示：

代码：

<代码>功能（数据）{ var temp=“”； $.each（data.streams，函数（索引，项）{ temp=temp+“”+item.channel.display_name+“”+item.viewers+“”； }); $（“#content”）.html（temp）；}

---

我不明白这个问题。您要求JQuery将所有图像放入#content3 div，这正是它所做的。你是说你想看到并排显示的图像还是什么？谢谢，正是我想要的@Gav这将创建重复的

id

将

id='content1'

更改为

class='content1'

，类似地，对于其他内部元素，id仅用于父元素，即

#content

我匆忙地将

放错了位置。

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title"><div id="content1"></div> - <div id="content2"></div></h3>
  </div>
  <div class="panel-body">
    <div id="content3"></div>
  </div>
</div>

    function (data) {
    var temp = "";
    $.each(data.streams, function (index, item) {
        temp = temp + "<div class='panel-heading'><h3 class='panel-title'></h3><div id='content1'>" + item.channel.display_name + "</div><div id='content2'>" + item.viewers + "</div></div><div class='panel-body'><div id='content3'><img src='" + item.preview.medium + "'/></div></div>";
    });
    $("#content").html(temp); }