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

中创建数组循环的例子

＆＃13;

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

＆＃13;

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

＆＃13;

每个都转换成jQuery

2 个答案: