Javascript 如何在JQuery中获取所有元素并将其作为数组发送

在我的购物车中，我的代码每次都会根据用户的选择生成如下所示的结构。每个tr代表一个产品，x表示基于产品的不同值，id是产品的id。因此，x、id和tr的数量每次都不同

<tr>
    <td><span class="product-id" value="x"></span></td>
    <td><img class="product-img" value="x" /></td>
    <td><a class="product-name" value="x"></a></td>
    <td><span class=product-color value="x"></span>
    <td><select  class="qnty-id" value="x"></select></td>
    <td><span class="price-id" value="x"></span></td>
    <td><span class="total-id" value="x"></span></td>
</tr>

并使用Ajax将它们发送到我的服务器端。

---

非常感谢您的帮助。

考虑到您的表id为表，请尝试以下操作：

var table = $('#table');
var elems = table.find('tr');
var cartArray = [];
elems.each(function (i, item) {
    var itemSelector = $(item);
    var id = itemSelector.find('.product-id').attr('value');
    var img = itemSelector.find('.product-img').attr('value');
    var name = itemSelector.find('.product-name').attr('value');
    var color = itemSelector.find('.product-color').attr('value');
    var quantity = itemSelector.find('.qnty-id').val();
    var price = itemSelector.find('.price-id').text();
    var total = itemSelector.find('.total-id').text();
    cartArray.push({id: id, img: img, name: name, color: color, quantity: quantity, price: price, total: total});
});
console.log(cartArray);

---

@Rajaprabhu Aravindasamy你能帮我吗？你需要在不同的情况下测试它，它必须像代码迭代表中的所有行一样工作。谢谢，它做了一些修改，但是现在当我使用Ajax通过数组时，我在服务器上没有得到适当的结果side@Mahdi尤尼斯，我无法理解这个问题。您需要将JSON发送到服务器，而不是javascript数组。。。

var table = $('#table');
var elems = table.find('tr');
var cartArray = [];
elems.each(function (i, item) {
    var itemSelector = $(item);
    var id = itemSelector.find('.product-id').attr('value');
    var img = itemSelector.find('.product-img').attr('value');
    var name = itemSelector.find('.product-name').attr('value');
    var color = itemSelector.find('.product-color').attr('value');
    var quantity = itemSelector.find('.qnty-id').val();
    var price = itemSelector.find('.price-id').text();
    var total = itemSelector.find('.total-id').text();
    cartArray.push({id: id, img: img, name: name, color: color, quantity: quantity, price: price, total: total});
});
console.log(cartArray);