DOM 변경 후 변수에 저장된 jQuery 객체를 업데이트하는 방법은 무엇입니까?

Question

일반적으로 선택기가 모든 곳에서 작성되는 것을 피하기 위해 변수에 내 jQuery 객체를 저장합니다.

DOM을 변경할 때 개체 자체를 업데이트하려고합니다. 사용하지 않는 참조를 삭제하고 새 참조로 업데이트하기. 어떻게해야합니까? 이상적으로는 다음과 같은 논리로 뭔가를하고 싶지 :

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