如何分離已在jQuery中分組在一起的JSON數據？

Question

我有一個jQuery從JSON服務器中檢索數據並將其輸出到「輸出」變量中。它看起來像這樣：

$(function() { 
    $.getJSON('http://127.0.0.1:8000/getTest/', showTodo); 
    function showTodo(data) { 
    var output = ''; 
    $.each(data, function(key, item) { 

     output += item.testName; 

     $(".studentlink").append('<li><a href="http://www.u2.com/index/home">' + output + '</a></li>'); 
    }); 
    } 
}); 

foreach循環是在函數處理的輸出變量。這個.js文件是用於導航欄的。當我啓動的網站，它看起來像這樣：

ITEM_1
------
ITEM_2
ITEM_3
------
ITEM_4
item_5
item_6

但我希望導航欄中的每個元素都是分開的。我該怎麼做？

Answer 1

輸出將隨着數組的每個元素附加到它而增長。我認爲你正在尋找的是將item.testName添加爲列表項。

如果格式化附加的字符串，你會發現內容不匹配

<li> 
    <a href="http://www.u2.com/index/home"> //output 
    </div> 
    </a> 
</li> 

有

</div> 

沒有

<div> 

這使得我更有意義

$(".studentlink").append('<li><a href="http://www.u2.com/index/home">' + item.testName + '</a></li>'); 

Answer 2

由於我的積分較少，我無法發表評論，所以我給你寫了一個答案。

您在「輸出」變量中添加（或連接）結果。 此外，您將陣列中的每個數據追加到此行中的列表中：$(".studentlink").append('<li><a href="http://www.u2.com/index/home">' + output + '</div></a></li>');

我認爲您需要在追加列表時添加item.testName。 或者你可以在每個循環之後寫這行 $(".studentlink").append('<li><a href="http://www.u2.com/index/home">' + output + '</div></a></li>');。