我有一个要放入物件的 div 内的属性串列 -

<div class="d-none product-data">
    <div class="product" product-name="English-One" translated-name="Translated-One"></div>
    <div class="product" product-name="English-Two" translated-name="Translated-Two"></div>
</div>

所以我遍历 .product-data .product 并像这样添加每个属性 -

$('.product-data .product').each(function () {
        translatedProducts = {
            "product": {
                "en": $(this).attr('product-name'),
                "tr": $(this).attr('translated-name')
            }
        }
});

但是，当我 console.log(translatedProducts) 我得到倍数时，它只添加了 English-Two -

Object { product: {…} }
product: Object { en: "English-Two", tr: "Translated-Two" }
en: "English-Two"
tr: "Translated-Two"

我如何撰写这个以便回圈遍历每个 div 并将 product-name 和 translate-name 属性添加到我的物件？

uj5u.com热心网友回复：

您正在覆写同一个物件。物件不能有相同的键，所以后者会覆写前者。：

看起来好像您希望将物件变成一个更大的物件。如果你想要两个物件，把它们放在一个阵列中：

此外，您应该使用data-*属性，自定义键就是它们的用途。

let products = [];
let translatedProducts = {};

$('.product').each(function(i) {
  let product = {};
  product.en = $(this).data('product');
  product.tr = $(this).data('translated');
  products.push(product);
});

translatedProducts.products = products;

console.log(translatedProducts);

<div class="d-none product-data">
    <div class="product" data-product="English-One" data-translated="Translated-One"></div>
    <div class="product" data-product="English-Two" data-translated="Translated-Two"></div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

uj5u.com热心网友回复：

使用一个阵列并将每组单独的值推送给它

var translatedProducts = [];
$('.product-data .product').each(function () {
        translatedProducts.push( {
            "product": {
                "en": $(this).attr('product-name'),
                "tr": $(this).attr('translated-name')
            }
        });
});