每個轉換為jQuery

Question

JS真的很陌生，想知道是否有人知道如何將以下內容更改為使用jQuery：

當前：

for (var i in basket){
    var item = basket[i];
    var row = "<tr><td><img src='" + item.image + "' class='thumbnail'/></td><td>" + item.title + "</td><td>" + item.sku + "</td><td>&pound;" + item.price + "</td><td>" + "<a href='#' class='button primary small delete-item' data-item='"+ i +"'>Delete</a></td></tr>";
    $(".basket-content").append(row);
}

嘗試：

$.each(function(i, basket){
  for (var i in basket){
    var item = basket[i];
    var row = "<tr><td><img src='" + item.image + "' class='thumbnail'/></td><td>" + item.title + "</td><td>" + item.sku + "</td><td>&pound;" + item.price + "</td><td>" + "<a href='#' class='button primary small delete-item' data-item='"+ i +"'>Delete</a></td></tr>";
    $(".basket-content").append(row);
  }
});

Answer 1

$.each的第一個參數是要迭代的數組/對象。 函數的參數是索引和元素（因此您不需要自己分配item ）。

$.each(basket, function(i, item) {
    var row = "<tr><td><img src='" + item.image + "' class='thumbnail'/></td><td>" + item.title + "</td><td>" + item.sku + "</td><td>&pound;" + item.price + "</td><td>" + "<a href='#' class='button primary small delete-item' data-item='"+ i +"'>Delete</a></td></tr>";
    $(".basket-content").append(row);
});

Answer 2

這是在jquery中進行數組循環的示例

 var array = new Array(); array.push('test'); array.push('test2'); $.each(array, function(i, basket){ console.log('key', i); console.log('value', basket); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>