我正在復習我的 jquery，但遇到了障礙。我正在從一個 Fantasy Football api 回傳一些 json 資料，我試圖弄清楚如何映射資料并將每個團隊所有者和名稱分配給它自己的 div。我的問題本質上是這樣的：如何將回傳陣列的第一個成員分配給類“player1”，將陣列的第二個成員分配給類“player2”等等。我所能做的就是映射陣列并將所有資料顯示在一個 div 中，但我不知道如何為每個陣列成員分配自己的 div。
這是我一直在使用的地圖功能：
$(document).ready(function() {
$.ajax({
url: 'https://api.sleeper.app/v1/league/784456593403224064/users',
type: 'GET',
success: function(result) {
playerData = result.map(result => result.display_name);
console.log(playerData);
$("#player1").append(JSON.stringify(playerData));
// playerData = result
// console.log(playerData)
},
error: function(err) {
console.log(err)
}
})
})
顯然，這會將所有資料附加到“player1”類，我只需要弄清楚如何像上面提到的那樣分配資料。提前致謝！
uj5u.com熱心網友回復：
在您的問題中，您提到了類，但您使用的 jQuery 選擇器#, 用于 ID。類選擇器使用.
在任何情況下，您都可以遍歷 API 回傳的資料，并使用回圈的索引來動態構建您的選擇器：
playerData.forEach((player, item) => {
$(`#player${item}`).append(player);
});
使用您的代碼的示例：
$(document).ready(function() {
$.ajax({
url: 'https://api.sleeper.app/v1/league/784456593403224064/users',
type: 'GET',
success: function(result) {
playerData = result.map(result => result.display_name);
playerData.forEach((player, item) => {
$(`#player${item}`).append(player);
});
},
error: function(err) {
console.log(err)
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="player1"></div>
<div id="player2"></div>
<div id="player3"></div>
<div id="player4"></div>
<div id="player5"></div>
<div id="player6"></div>
<div id="player7"></div>
<div id="player8"></div>
<div id="player9"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/486033.html
標籤：javascript jQuery json 阿贾克斯