carte jquery - affecter la valeur de retour en tant que clé de l'objet de réception

Question

Je:

<img class="images" src="src1"> 
    <img class="images" src="src2"> 
    <img class="images" src="src3"> 
    <img class="images" src="src4"> 

var pictures = $(".images").map(function(){ 
    return $(this).attr("src"); 
}) 

Le code ci-dessus crée un nouveau tableau de photos. Pouvez-vous penser à un moyen efficace de créer un nouvel objet images en utilisant la fonction de carte jQuery. Je voudrais faire quelque chose comme:

var pictures[key] = $(".images").map(function(){ 
    var key = $(this).attr("src"); 
    return key; 
}) 

... affecter directement la valeur de retour en tant que clé de l'objet images. Y a-t-il un moyen?

Answer 1

Ne pouvez-vous pas itérer la collection?

var picObj = {}; 
$(".images").each(function() { 
    picObj[$(this).attr("src")] = '...'; 
}); 

(demo - imprimera à la console)

Answer 2

Je ne comprends pas exactement ce que vous cherchez, mais vous pouvez faire quelque chose comme ceci:

var pictures = []; 

    $(".images").each(function(){ 
    var src = $(this).attr("src"); 
    var img = $('<img>', { src: src}); 
    pictures.push(img) 

}) 

et images est un tableau d'objets image