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');
}
});
});