Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在列表项jquery中的链接周围插入锚定标记_Javascript_Jquery - Fatal编程技术网

Javascript 如何在列表项jquery中的链接周围插入锚定标记

Javascript 如何在列表项jquery中的链接周围插入锚定标记,javascript,jquery,Javascript,Jquery,我需要从一个API链接url,我已经尝试了我能想到的一切,但似乎没有任何工作。在使用jQuery之后,我认为这个主题会被更多地介绍。我试过包装、包装、附加、预包装等。。我错过了什么 以下是脚本: 编辑: 我想在循环中包装最后一个列表项,但不想在循环中包装li <div class="content"> $(document).ready(function(){ $.ajax({ url: "h

我需要从一个API链接url,我已经尝试了我能想到的一切,但似乎没有任何工作。在使用jQuery之后,我认为这个主题会被更多地介绍。我试过包装、包装、附加、预包装等。。我错过了什么

以下是脚本:

编辑: 我想在循环中包装最后一个列表项,但不想在循环中包装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');
                }
              });


            });     

$(文档).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,我认为你的方法是正确的……你不能这样做,因为你使用的是
      意味着每个孩子都必须是
    • 你不能只插入链接而不插入
    • ,相反,你可以使用并在其上插入其他链接来代替
    • ,最后哦,这样我就可以在div中使用
    • ,它会起作用吗?看起来不是很有意思,但如果这是我必须要做的,它必须要起作用。我会试试,然后让你知道,谢谢。