.grep（）使用jQuery陣列的回報只是最後一個數字

Question

誰能解釋的jQuery .grep()

的這種行爲我做一個jQuery對象數組出這個元素的名字：

<div class="small1 other">S1</div> 
<div class="small2">S2</div> 
<div class="small3">S3</div> 
<div class="small4 other">S4</div> 
<div class="small5">S5</div> 
<div class="small6">S6</div> 

，然後運行each裏面有一個.grep()函數。

我不知道什麼是爲什麼執行console.log（）記錄1/2/3等，並沒有small1/small2/small3，等...

$('div[class^="small"').each(function() { 
    var this_class = $(this).prop('class'); 
    var filter = $.grep(this_class, function (a) { 
     return a ^= 'small'; 
    }); 
    console.log(filter[0]); 
}); 

FIDDLE

Answer 1

a ^= 'small'; 

不像你想象的那樣，是一個操作員告訴我a是以開頭的但

a = a^'small' 

返回

a^'small' 

這是0當a不能被轉換爲數字。

你所做的是你過濾從類的字符數組作爲一個字符串，你返回第一個是一個數字，因此你的結果。

在你第一次迭代中，如果你想獲得的所有類開始與 '小'，做你的過濾相當於

$.grep(["s", "m", "a", "l", "l", "1"], function(a) { return a ^='somestring' }) 

返回

['1'] 

$('div[class^="small"').each(function(){ 
     var filter = $.grep(this.className.split(' '), function(a) { 
      return a.indexOf('small')===0; 
     }); 
     console.log(filter); 
});