JQuery'nin hashtable tipi değişken bir veri yapısı var mı?

Question

Sözde kod muhtemelen jQuery'de ne yapmak istediğimi göstermenin en iyi yoludur:

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

Daha sonra ... yapıya bir bakın

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

Nasıl gidebileceğime dair herhangi bir öneri bunu yapmaktan mı?

Answer 1

jQuery sadece JavaScript aracına sahip ve JavaScript'in nesneleri vardır. JS Nesneleri bir C++ haritasına veya C# Dictionary'e benzer şekilde kullanabilirsiniz. Örneğin, nesneler dizisi oluşturabilir ve adlandırabilirsiniz indeksleri olabilir: Daha sonra Sonra

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}); 
}); 

:

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

Answer 2

Aslında data api

kullanarak bir jquery elemana verileri ekleyebilir

Yani satırlarında bir şey yapmak:

$(selector).each(function() { 
    /* I suppose here you have three available variables named: 
     imgURL, tagline, summary 
     that you got from the element itself or from somewhere else 
    */ 
    $(this).data({imgURL: imgURL, tagline: tagline, summary:summary }) 
    /* you could also write it {'imgURL': imgURL, etc. } if it looks clearer: the first is the hashtable key, the second a variable containing the value */ 
} 

ve sonra sadece almak her jquery elemanından!

$(selector).data() 

veya bir öğeye bir 'hashtable' bağlanması için var

$(selector).data('imgURL') 

. Javascript'te 'birleştirici diziler' (hashtables) var demektir.

Onları yazabilir olarak: myarray = {key:'value'}

ve siz erişebilirsiniz:

myarray['attribute'] veya

PS tercih olarak myarray.attribute. Kodu orada test etmediğimi lütfen unutmayın, bazı küçük ince ayarlamalar gerektirebilir