我有一個要放入物件的 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熱心網友回復：
您正在覆寫同一個物件。物件不能有相同的鍵，所以后者會覆寫前者。：
{ product:{}, product:{} } /* => */ { product: {} }
看起來好像您希望將物件變成一個更大的物件。如果你想要兩個物件，把它們放在一個陣列中：
{ products: [ {}, {} ] };
此外，您應該使用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')
}
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/417254.html
標籤：
下一篇：回圈困境，不同的方法相同的結果