如何将我的API结果附加到无序列表中

Question

好吧，我正在尝试获取此功能：

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?", function (data) {
  var temp = "";
  $.each(data.streams, function (index, item) {
      temp = temp + "<ul><a target='iframe1' href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'>" + item.channel.display_name + "</a></ul>";
    });
  $("#list ul ").html(temp);
});

在此处的UnorderD列表中填充列表：

<li>SC2
<ul>
</ul>
</li>

谢谢您的时间！

Answer 1

无序列表的适当语法为 <ul><li></li></ul>。列表的每个元素都将包裹在其自己的<li>中。

您可能正在寻找的是

var myList = $("#list ul");
$.each(data.streams, function (index, item) {
  var temp = $("<li><a target='iframe1' href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'>" + item.channel.display_name + "</a></li>");
  myList.add(temp);
});

您要寻找的结果是 <ul><li>SC2</li></ul>