爲什麼$ .add（）不按預期工作？試圖建立jQuery收集手動

Question

我不明白爲什麼下面的代碼不起作用。 （jQuery的1.6.4）

HTML：

<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 
<div class="test me"></div> 
<div class="test me"></div> 
<div class="test me"></div> 

JS：

var rows = $([]); 

console.debug('Divs we want: ', $('div:not(.me)').length); 

console.debug('Rows before: ', rows.length); 

$('div:not(.me)').each(function() { 
    if (1==1) { // some conditional 
     console.debug($(this)); 
     rows.add($(this)); 
    } 
}); 

console.debug('Rows after: ', rows.length); 

Answer 1

add()建立，並從返回一個新的jQuery對象它所調用的內容以及您提供的參數。它不會更新它所調用的對象。

你可能想要寫：

rows = rows.add(this); 

順便說一句，因爲jQuery的1.4規範的方法來構建一個空的jQuery對象是調用$()無參數：

var rows = $(); 

Answer 2

之所以是add返回與所添加的元素的新jQuery對象。它不會修改內聯的現有jQuery對象。你需要捕獲這個結果。更改

rows.add($(this)); 

要

rows = rows.add($(this)); 

注：火箭指出，這是更簡單的刪除多餘的對象，簡單地說

rows = rows.add(this);