javascript - 为什么我的无序列表的第一项不包含链接？

Question

我正在做 freecodecamp 的维基百科查看器挑战，当我遍历找到的页面时，列表的第一项不包含指向维基百科页面的链接。这是为什么？

JS 代码:

function getData(){
  var search = $("#searchBar").val();
  var url = baseUrl + '/w/api.php?action=query&format=json&origin=*&list=prefixsearch&psoffset=max&pssearch='+search;

$.ajax( {
  url: url,
  dataType: 'json',
  type: 'GET',
  success: function(data) {
    var html="";
    var entries = data.query.prefixsearch;
    console.log(url);
    html+="<ul class='items'>";
    for(var i=0;i<entries.length;i++){
      html+="<li><h3>"+entries[i].title+"</h3><a href='http://en.wikipedia.org/?curid="+entries[i].pageid+"'</a></li>";
  }

   html+="</ul>";
   $(".entries").html(html);
  }
});
}

HTML 代码:

<div class="entries">

</div>

Answer 1

正如 James 在评论中指出的那样，您的代码输出 <a>没有关闭>并且没有文字。

更改:

html+="<li><h3>"+entries[i].title+"</h3><a href='http://en.wikipedia.org/?curid="+entries[i].pageid+"'</a></li>";

进入此:

html+="<li><a href='http://en.wikipedia.org/?curid="+entries[i].pageid+"'><h3>"+entries[i].title+"</h3></a></li>";

<小时/>

完整代码

function getData() {
var search = $("#searchBar").val();
var url = baseUrl + '/w/api.php?action=query&format=json&origin=*&list=prefixsearch&psoffset=max&pssearch=' + search;

$.ajax({
    url: url,
    dataType: 'json',
    type: 'GET',
    success: function(data) {
        var html = "";
        var entries = data.query.prefixsearch;
        console.log(url);
        html += "<ul class='items'>";
        for (var i = 0; i < entries.length; i++) {
            html+="<li><a href='http://en.wikipedia.org/?curid="+entries[i].pageid+"'><h3>"+entries[i].title+"</h3></a></li>";
        }

        html += "</ul>";
        $(".entries").html(html);
    }
});
}