我們可以從JSON轉換數組輸出爲URL

Question

我目前正在使用ajax，我對它很新。我想要實現的是轉換我從數據庫中提取的數組，我想顯示爲可點擊的鏈接而不是痛苦文本。 我的AJAX代碼：

$(document).ready(function() 
    { 
    $('#target li').click(function() 
    { 

     $.getJSON("getMakes.php?name="+$(this).text(), success = function(data) 

     { 
     var item = ""; 
     for (var i=0; i<data.length; i++) 
     { 
     item += "<li id='" + data[i].toLowerCase() + "'>" + data[i]+ "</li>"; 


     } 
     $("#slctModel").html(""); 
     $("#slctModel").append(item); 
      }); 

     }); 
    }); 

HTML位在那裏我有點讓輸出看起來是這樣的：

   <div id="slctCat"> 
       <ul class="b"> 
        <li id ="slctModel"></li> 
       </ul> 
       </div> 

以純文本的形式最終輸出：

1. 項目1
2. 第2項
3. 第3項

我想用戶能夠點擊這些項目作爲鏈接... 請幫助。

Answer 1

將a標記放在每個li的內部並加上鍊接。

item += "<li id='" + data[i].toLowerCase() + "'><a href = 'your-link'>" + data[i]+ "</a></li> ";

你也應該append到ul而不是li。所以，$(".b").empty().append(item);