我需要从 API 链接 url,我已经尝试了我能想到的所有东西,但似乎没有任何效果。使用 jQuery 之后,我认为这个主题会被更多地覆盖。我尝试了 wrap、wrapInner、append、prepend 等。我错过了什么?
这是脚本:
编辑:我想将最后一个列表项包装在循环中,但不在 li 周围,在其中。
<div class="content">
$(document).ready(function(){
$.ajax({
url: "http://api.espn.com/v1/fantasy/football/news/?limit=15",
data: {
// enter your developer api key here
apikey: "wqq7tafpp3ff7ba87ny85n67",
// the type of data you're expecting back from the api
_accept: "application/json"
},
dataType: "jsonp",
success: function(data) {
// create an unordered list of headlines
var ul = $('<div class="fball_group">');
// get headline, desription, and source text
$.each(data.headlines, function() {
var li = $('<div class="fball_hdline">').text(this.headline);
ul.append(li);
var li2 = $('<div class="fball_descrip">').text(this.description);
ul.append(li2);
var li3 = $('<div class="fball_src">').text(this.source);
ul.append(li3);
var li4 = $('<div class="fball_links">').text(this.links.web.href);
ul.append(li4);
});
// append this list to the content div
$('.content').append(ul);
},
error: function() {
alert('There was an error processing the ESPN API');
}
});
});