jQuery對象度日鍵

Question

值你將如何通過關鍵配套的關鍵如獲得assocIMG值

如果我有一個變種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); 

    }); 

}); 

Answer 1

您可以使用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); 
}); 

Answer 2

您不應該使用數字作爲對象鍵（在它們的開始處）。如果你想獲得與11786整數鍵關聯的值，則需要使用此語法：

assocIMG["11786"] or assocIMG[11786] 

不

assocIMG.11786 

，你需要做的第一件事就是創建你的鑰匙爲字符串，因爲你會：

var assocIMG = { 
    "11786": 'media/catalog/product/8795139_633.jpg', 
    "11787": 'media/catalog/product/8795139_633.jpg', 
} 

但即使是這樣，您將無法訪問使用場和我提出的第一個有效的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]

Answer 3

通過匹配鍵時，會從對象的值我結束了以下

$.each(assocIMG, function(index, value) { 
     if(index == prods) { 
      var image_path = value; 
      $("#product_img").attr("src", image_path); 
      //alert(image_path); 
     }