क्या jQuery की "प्रत्येक()" विधि लूप के लिए है?

Question

मैं इस तरह की वस्तुओं का एक सेट से प्रत्येक के लिए एक धारावाहिक वर्ग को जोड़ने की कोशिश की:

jQuery('#preload img').each(function(){ 
    jQuery('#thumbs').append('<img class="index' + index + '" src="' + source + '" />'); 
    index = ++index; 
    }); 

और यह काम किया। परिणामस्वरूप छवियों का एक सेट था, प्रत्येक वर्ग image1, image2, और इसी तरह के साथ। यह वही है जो मैं चाहता था। लेकिन क्या यह वास्तव में वस्तुओं के एक सेट के माध्यम से लूपिंग का एक विश्वसनीय तरीका है? या यह संभव है कि, अगर इस अज्ञात फ़ंक्शन को निष्पादित करने में अधिक समय लगेगा, तो index से पहले कार्य अगली ऑब्जेक्ट पर शुरू हो सकता है?

कोई भी जानता है कि वास्तव में क्या हो रहा है?

Answer 1

यह अंदरूनी कामकाज है each फ़ंक्शन (1.4.4):

// args is for internal usage only 
each: function(object, callback, args) { 
    var name, i = 0, 
     length = object.length, 
     isObj = length === undefined || jQuery.isFunction(object); 

    if (args) { 
     if (isObj) { 
      for (name in object) { 
       if (callback.apply(object[ name ], args) === false) { 
        break; 
       } 
      } 
     } else { 
      for (; i < length;) { 
       if (callback.apply(object[ i++ ], args) === false) { 
        break; 
       } 
      } 
     } 

    // A special, fast, case for the most common use of each 
    } else { 
     if (isObj) { 
      for (name in object) { 
       if (callback.call(object[ name ], name, object[ name ]) === false) { 
        break; 
       } 
      } 
     } else { 
      for (var value = object[0]; 
       i < length && callback.call(value, i, value) !== false; value = object[++i]) {} 
     } 
    } 

    return object; 
} 

आप यहां देख सकते हैं कि इसमें कुछ अलग-अलग मामले हैं लेकिन उनमें से सभी for लूप का उपयोग करते हैं और कॉलबैक फ़ंक्शन को कॉल करते हैं। तो आपका कोड ठीक होना चाहिए।

आप इसे jQuery के विकास संस्करण में देख सकते हैं (मुख्य jQuery साइट पर रेडियो बटन बदलें, या here पर क्लिक करें)।

Answer 2

http://api.jquery.com/jQuery.each/

http://api.jquery.com/each/

करने के लिए 0 से, संख्यात्मक इंडेक्स से दोहराया जाता है लंबाई-1

Answer 3

.each() वास्तव में अनिवार्य रूप से एक पाश के लिए है और यह भी एक सूचकांक में बनाया गया है यदि आप इस तरह के तर्क में पास करते हैं तो आप इसका उपयोग कर सकते हैं:

jQuery('#preload img').each(function(i){ 
    jQuery('#thumbs').append('<img class="index' + i + '" src="' + source + '" />'); 
}); 

---

संपादित करें:

var thumbsAppend = ""; 
jQuery('#preload img').each(function(i){ 
    thumbsAppend += '<img class="index' + i + '" src="' + source + '" />'; 
}); 
jQuery('#thumbs').append(thumbsAppend); 

---

संपादित करें # 2:: और राहुल की सरणी धक्का सुझाव: केन Franqueiro की स्ट्रिंग संयोजन सुझाव के साथ बोनस कार्यान्वयन

var thumbsAppend = []; 
jQuery('#preload img').each(function(i){ 
    thumbsAppend.push('<img class="index' + i + '" src="' + source + '" />'); 
}); 
thumbsAppend = thumbsAppend.join(''); 
jQuery('#thumbs').append(thumbsAppend);