Question

Pseudo-code is probably the best way to show what I’m looking to do in jQuery:

$(selector).each(function() {
    // pull data from LI tags or whatever, store in variables (imgURL, tagline, summary)
    $someDataStructure.add({imgURL, tagline, summary});
});

Then later… reference the structure

 $someDataStructure.each(function() {
     var x = $someDataStructure['imgURL'];
     // etc.
 });

Any suggestions on how I could go about doing this?

Answer 1

jQuery is just JavaScript, and JavaScript has objects. You can use JS Objects similarly to a C++ map or C# Dictionary. For example, you can create an array of objects and have indices that you can name:

var liTags = [];

$(selector).each(function() {
   // pull data from LI tags or whatever
   //store in variables (imgURL, tagline, summary)
   liTags.push({'imgURL': imgURL, 'tagline': tagline, 'summary': summary});
});

Then later:

for(int i = 0; i < liTags.length; ++i) {
   var imgURL = liTags[i]['imgURL']; //or liTags[i].imgURL;
}