DOM परिवर्तन के बाद एक चर में संग्रहीत एक jQuery ऑब्जेक्ट को कैसे अपडेट करें?

Question

मैं सामान्य रूप से सभी जगहों पर लिखे गए चयनकर्ता से बचने के लिए चर में मेरी jQuery वस्तुओं को संग्रहीत करता हूं।

जब मैं डोम बदलता हूं, तो मैं ऑब्जेक्ट अपडेट स्वयं करना चाहता हूं। अप्रयुक्त संदर्भों को छोड़ना और नए लोगों के साथ अपडेट करना। मैं यह कैसे कर सकता हूँ? आदर्श रूप में मैं निम्नलिखित तर्क के साथ कुछ करना चाहता हूँ:

(function ($) { 
    $.fn.update = function(){ 
    var newElements = $(this.selector),i;  
    for(i=0;i<newElements.length;i++){ 
     this[i] = newElements[i]; 
    } 
    for(;i<this.length;i++){ 
     this[i] = undefined; 
    } 
    this.length = newElements.length; 
    return this; 
    }; 
})(jQuery); 

बस अपने कोड में जोड़ दें और कार्य करें::

var test = $('div.bar'); 
console.log(test); 
>> [<div class="bar" id="b1"></div>, <div class="bar" id="b2"></div>] 

$('#b2').remove(); 
console.log(test); 
>> [<div class="bar" id="b1"></div>, <div class="bar" id="b2"></div>] 

test.update(); 
console.log(test); 
>> [<div class="bar" id="b1"></div>] 

$('body').append('<div class="bar" id="b3"></div>'); 
console.log(test); 
>> [<div class="bar" id="b1"></div>] 

test.update(); 
console.log(test); 
>> [<div class="bar" id="b1"></div>, <div class="bar" id="b3"></div>] 

Answer 1

This plugin कि समस्या का हल

var $foo = $("div.bar"); // selects all "div.bar" 
(... many dom modifications ...) 
$foo.update();