立即返回jQuery html對象

Question

如何在不傳遞純html的情況下返回所有三個div，並且不會丟失引用。

function MyClass() 
{ 
    var div1 = $('<div>Div1</div>'); 
    var div2 = $('<div>Div2</div>'); 
    var div3 = $('<div>Div3</div>'); 

    div1.click(function(){alert("a click!");}) 

    this.GetThem = function() 
    { 
     //return all three 
    } 
} 

var my_class = new Class(); 
$('selector').append(my_class.GetThem()) 

Answer 1

通過使用add()

function MyClass() { 
    var div1 = $('<div>Div1</div>'); 
    var div2 = $('<div>Div2</div>'); 
    var div3 = $('<div>Div3</div>'); 

    div1.click(function(){alert("a click!");}) 

    this.GetThem = function() { 
     return div1.add(div2).add(div3); 
    } 
} 

var my_class = new MyClass(); 
$('selector').append(my_class.GetThem()) 

Answer 2

使用.add()通過連接兩個引用

this.GetThem = function() 
{ 
    return div1.add(div2).add(div3) 
}