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

时间:2013-08-30 23:54:42

标签: javascript jquery

我需要链接来自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');
                }
              });


            });     

1 个答案:

答案 0 :(得分:1)

我还不太清楚你想要什么  但 你想让这个链接

 var li4 = $('<li      class="fball_links">').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);