.each() के साथ jQuery ऑब्जेक्ट्स पर पुनरावृत्ति क्यों करता है मुझे jQuery ऑब्जेक्ट्स नहीं देते?

Question

निम्नलिखित काम करता है के रूप में उम्मीद:

$(".foo").first().text("hi!") 

... क्योंकि first() रिटर्न एक jQuery वस्तु।

हालांकि, अगर मैं सभी मैचों के लिए text() विधि के साथ काम करना चाहता हूँ, मैं क्या करने की जरूरत:

$(".foo").each(function(idx, obj) { 
    $(obj).text("hi!") 
    } 
) 

... क्योंकि each() देता है आप वस्तुओं Dom।

इस चौंकाने अंतर के पीछे डिजाइन कारण क्या है? मैं प्रत्येक मैच के लिए एक jQuery ऑब्जेक्ट बनाने से कैसे बच सकता हूं?

$('li').each(function(index) { 
    alert(index + ': ' + $(this).text()); 
}); 

पहले लिंक प्रति

:

Answer 1

का प्रयास करें? यदि आपको केवल डीओएम ऑब्जेक्ट्स की आवश्यकता है, तो आप चक्र बचाते हैं। यदि आपको jQuery ऑब्जेक्ट की आवश्यकता है, तो आप इसे आसानी से प्राप्त कर सकते हैं।

मैं आमतौर पर प्रत्येक के लिए 2 पैरामीटर प्रदान नहीं करते हैं, तो मैं $ (इस) का उपयोग कर सकते हैं।

Answer 2

आप देख .eachjQuery.each बनाम

आप निम्न कार्य करने में सक्षम होना चाहिए था। प्रयास करें $(this) बजाय $(obj)

Answer 3

प्रदर्शन बड़े संग्रह के ऊपर पाशन से संबंधित कारणों के लिए संभवतः कारण

$(".foo").each(function(idx, obj) { 
    $(this).text("hi!") 
    } 
) 

Answer 4

मुझे विश्वास है कि जब से jQuery आवरण वस्तुओं का उपयोग करता है, पहली विधि मूल आवरण का उपयोग करता है, और सिर्फ सभी लेकिन आवरण में पहला तत्व निकाल देता है, इस प्रकार यह एक jQuery वस्तु जा रहा रखने।

हालांकि, अगर वे each() फ़ंक्शन के लिए प्रत्येक नोड्स के लिए jQuery ऑब्जेक्ट में फ़ीड करना चाहते थे, तो वे प्रत्येक के लिए रैपर बनाने के ऊपरी हिस्से को लेते थे। और चूंकि आप जरूरी नहीं कि रैपर ऑब्जेक्ट चाहते हैं, तो यह अनावश्यक ओवरहेड होगा।

Answer 5

आंतरिक jQuery के लिए $("sel").each(function(){});

if (isObj) { 
    for (name in object) { 
     if (callback.call(object[ name ], name, object[ name ]) === false) { 
      break; 
     } 
    } 
} 

इस फोन और eq एक सरल टुकड़ा है:

eq: function(i) { 
    return i === -1 ? 
    this.slice(i) : 
    this.slice(i, +i + 1); 
} 

तो आप एक नया each समारोह है कि object[name] के बजाय एक object:eq(i)

करना होगा बना सकते हैं

$("*").slice(1,2).toSource() == $("*").eq(1).toSource(); 

तो बनाने के लिए अपने स्वयं के each:

$.fn.each2 = function(callback) 
{ 
    for (var i = 0; i < this.length; ++i) { 
     callback.call(this.eq(i), i, this.eq(i)) 
    } 
}; 

$("*").each2(function(i, obj) { 
    alert(obj); // now obj is a jQuery object 
}); 

---

ऐसा लगता है each3 तेजी से each2http://www.jsfiddle.net/m7pKk/2/

$.fn.each2 = function(callback) 
{ 
    for (var i = 0; i < this.length; ++i) { 
     var jObj = this.eq(i); 
     callback.call(jObj, i, jObj) 
    } 
}; 

$.fn.each3 = function(callback) 
{ 
    for (var i = 0; i < this.length; ++i) { 
     var jObj = $(this[i]); 
     callback.call(jObj, i, jObj) 
    } 
}; 

See this example on jsFiddle with performance measurement.

Answer 6

स्पष्ट प्रदर्शन हिट है कि हो सकता है नहीं है यह है कि लिया प्रति पुनरावृत्ति। एक नया jQuery ऑब्जेक्ट बनाना प्रत्येक पुनरावृत्ति बहुत धीमा और संभवतः बड़े संग्रहों पर ध्यान देने योग्य होगा। अक्सर, आपको लिपटे ऑब्जेक्ट की अतिरिक्त सुविधा की आवश्यकता नहीं होती है, खासकर जब एकल गुण या गुणों तक पहुंच होती है। this.checked के बजाय आप अक्सर $(this).is(":checked") जैसे चक्र बर्बाद करने वाले कोड देखते हैं।

इसके अलावा, मैं कहूंगा कि ऐसा इसलिए है क्योंकि यह समझ में आता है। एक jQuery ऑब्जेक्ट आम तौर पर डीओएम ऑब्जेक्ट्स के संग्रह का प्रतिनिधित्व करता है जो कि आकार में कोई भी संख्या हो सकती है। कभी-कभी jQuery को अपने चयनकर्ता समर्थन और घटना बाध्यकारी के लिए पूरी तरह से उपयोग किया जाता है और उससे परे नहीं। अधिक तत्वों के संग्रह पर पुनरावृत्ति करते समय एक तत्व को संग्रहित करने के लिए यह बहुत अधिक समझ में नहीं आता है। यह एक ऐसी वस्तु को वापस करने के लिए और अधिक समझ में आता है जिसकी आपको अधिक संभावना है, डीओएम तत्व, फिर यदि आप अतिरिक्त सुविधाओं को चाहते हैं तो आप इसे jQuery से लपेट सकते हैं। यह इसे नोडलिस्ट और अन्य प्रकार के संग्रह पर पुनरावृत्त करने के साथ भी रखता है।

Answer 7

शायद इसलिए, आपके उदाहरण में each का उपयोग करने का कोई कारण नहीं है। बजाय:

$(".foo").each(function(idx, obj) { 
    $(obj).text("hi!"); 
) 

बस का उपयोग करें:

$(".foo").text("hi!"); 

सब कुछ स्वचालित रूप से बहुवचन है जब jQuery सेट के साथ काम कर।