DOM değiştikten sonra bir değişkende saklanan jQuery nesnesi nasıl güncellenir?

Question

Normalde jQuery nesnelerini, her yerde yazıcının seçilmesini önlemek için değişkenler halinde saklarım.

DOM'ı değiştirdiğimde, nesneyi güncelleştirmeyi kendim yapmak isterim. Kullanılmayan referansları bırakma ve yenileriyle güncelleme. Bunu nasıl yapabilirim? İdeal aşağıdaki mantıkla bir şeyler yapmak istiyorum:

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

Sadece koduna ekleyin ve yapılacak:

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 bu sorunu çözer oylama aşağı olanlar için

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