Javascript 如何在列表项jquery中的链接周围插入锚定标记
我需要从一个API链接url,我已经尝试了我能想到的一切,但似乎没有任何工作。在使用jQuery之后,我认为这个主题会被更多地介绍。我试过包装、包装、附加、预包装等。。我错过了什么 以下是脚本: 编辑: 我想在循环中包装最后一个列表项,但不想在循环中包装liJavascript 如何在列表项jquery中的链接周围插入锚定标记,javascript,jquery,Javascript,Jquery,我需要从一个API链接url,我已经尝试了我能想到的一切,但似乎没有任何工作。在使用jQuery之后,我认为这个主题会被更多地介绍。我试过包装、包装、附加、预包装等。。我错过了什么 以下是脚本: 编辑: 我想在循环中包装最后一个列表项,但不想在循环中包装li <div class="content"> $(document).ready(function(){ $.ajax({ url: "h
<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');
}
});
});
$(文档).ready(函数(){
$.ajax({
url:“http://api.espn.com/v1/fantasy/football/news/?limit=15",
数据:{
//在此处输入开发人员api密钥
apikey:“wqq7tafpp3ff7ba87ny85n67”,
//期望从api返回的数据类型
_接受:“应用程序/json”
},
数据类型:“jsonp”,
成功:功能(数据){
//创建标题的无序列表
var ul=$('');
//获取标题、描述和源文本
$.each(data.headlines,function()){
var li=$('').text(此.headline);
ul.附加(li);
var li2=$('').text(this.description);
ul.追加(li2);
var li3=$('').text(this.source);
ul.追加(li3);
var li4=$('').text(this.links.web.href);
ul.追加(li4);
});
//将此列表附加到content div
$('.content')。追加(ul);
},
错误:函数(){
警报(“处理ESPN API时出错”);
}
});
});
我不太明白你想要什么 但是 你想让这成为一个链接吗
var li4 = $('<li class="fball_links">').text(this.links.web.href);
var li4=$('').text(this.links.web.href);
您只需创建一个链接标记
link=$("<a/>").setAttr('href',this.links.web.href).text("linkname");
var li4 = $('<li class="fball_links">').append(link);
ul.append(li4);
link=$(“”).setAttr('href',this.links.web.href).text(“linkname”);
var li4=$('')。附加(link);
ul.追加(li4);
愚蠢的问题,但是你确定存在$('.content')
吗?你真的需要显示你的HTML。更好的是,把JS和HTML放在这页上,很抱歉我忘了添加它,@MichaelHicks,请只为引起问题的代码创建一个简化的测试用例。我不想通过整理你的整个网站来解决你的问题。这不是我放在主框顶部的代码吗?有没有办法设置文本,这样我就不会有那种难看的链接,就像“阅读全文”一样?我可以有更多的详细信息吗?请告诉我循环中的最后一个列表项,我想包装,但不是围绕li,只是URL,我认为你的方法是正确的……你不能这样做,因为你使用的是