如何通过匹配键的键获得assocIMG
的值,例如
如果我有var 11786
,我希望它返回media/catalog/product/8795139_633.jpg
var spConfig = {
"attributes": {
"125": {
"id": "125",
"code": "pos_colours",
"label": "Colour",
"options": [{
"id": "236",
"label": "Dazzling Blue",
"price": "0",
"oldPrice": "0",
"products": ["11148"]
}, {
"id": "305",
"label": "Vintage Brown",
"price": "0",
"oldPrice": "0",
"products": ["11786", "11787", "11788", "11789", "11790", "11791", "11792", "11793"]
}]
}
}
};
var assocIMG = // Added - Removed { here, causes issues with other scripts when not working with a configurable product.
{
11786: 'media/catalog/product/8795139_633.jpg',
11787: 'media/catalog/product/8795139_633.jpg',
}
上面是我正在使用的对象,下面是我当前的jQuery。非常感谢帮助。
$('#attribute125').change(function() {
var image = $(this).val();
$.each(spConfig.attributes, function() {
prods = $(this.options).filter( function() { return this.id == image; } )[0].products[0];
alert(prods);
});
});
答案 0 :(得分:9)
您可以使用bracket notation按键获取对象成员。您的变量prods
包含字符串("11786"
),对象assocIMG
包含各种键。然后使用
assocIMG[prods]
获取与该键关联的属性值'media/catalog/product/8795139_633.jpg'
。
请注意,您应始终在对象文字中使用字符串作为键,IE不支持数字:
var assocIMG = {
"11786": 'media/catalog/product/8795139_633.jpg',
"11787": 'media/catalog/product/8795139_633.jpg'
};
对脚本的另一个改进是每次都不要遍历spConfig.attributes
,如果图像包含在多个属性中,可能会多次执行您的操作。相反,从中构建一个哈希对象,您可以在其中查找相应的产品ID。
var productById = {};
$.each(spConfig.attributes, function() {
$.each(this.options, function() {
var id = this.id;
productsById[i] = this.products[0];
});
});
$('#attribute').change(function() {
var id = this.value;
var prod = productById[id];
var image = assocIMG[prod];
$("#product_img").attr("src", image);
});
答案 1 :(得分:3)
您不应该使用数字作为对象键(在他们的开始)。如果要获取与11786
整数键关联的值,则需要使用以下语法:
assocIMG["11786"] or assocIMG[11786]
不会强>
assocIMG.11786
您需要做的第一件事是将密钥创建为字符串,因为您将拥有:
var assocIMG = {
"11786": 'media/catalog/product/8795139_633.jpg',
"11787": 'media/catalog/product/8795139_633.jpg',
}
但即使这样做,您也无法使用assocIMG.11786
访问该字段,并且我提供的第一个有效的sintax仍然有效。正确的方法是:
var assocIMG = {
id11786: 'media/catalog/product/8795139_633.jpg',
id11787: 'media/catalog/product/8795139_633.jpg',
}
或者
var assocIMG = {
"id11786": 'media/catalog/product/8795139_633.jpg',
"id11787": 'media/catalog/product/8795139_633.jpg',
}
请注意,键现在以字母开头,而不是数字。现在,您可以11786
或assocIMG.id11786
访问assocIMG["id11786"]
字段,不 assocIMG[id11786]
答案 2 :(得分:0)
通过匹配键从对象获取值我最终得到以下
$.each(assocIMG, function(index, value) {
if(index == prods) {
var image_path = value;
$("#product_img").attr("src", image_path);
//alert(image_path);
}