jQuery：如何遍歷一組元素，找到與其他數組中的值匹配的元素？

Question

我基本上有一個名爲findItem()的小函數，它應該根據元素上的自定義data-屬性來查找我正在查找的元素。

在這種情況下，這些純粹是數字例如。 data-slide=1。

對於如何將每個項目的數據幻燈片的值與另一個數組中包含的值進行匹配，我有點無知。

這裏有一個更具體的例子：

function findItem(count) { 
    var collection = []; 

    $.each(allMyLiItems, function(i, item) { 

     if ($(item).data('slide') == count) { 
      collection.push(item); 
     } 

    }); 

    return $(collection); 
} 
findItem([1,3]) 

不工作，因爲count if語句似乎並不匹配任何內部。

頁面確實包含4個<li data-slide="{number}">…元素，所以1,3應返回這些元素的第一個和第三個。

我在這裏做錯了什麼？

Answer 1

使用jQuery.grep和jQuery.inArray：

function findItem(items) { 
    return jQuery.grep($('li'), function(element, index) { 
     return jQuery.inArray($(element).data('slide'), items) != -1; 
    }); 
} 

Working example

Answer 2

以修正，如果statment不匹配任何內部count的問題，試試這個：

function findItem(count) { 
    var collection = [], 
      count = count; 

    $.each(allMyLiItems, function(i, item) { 

     if ($(item).data('slide') == count) { 
      collection.push(item); 
     } 

    }); 

    return $(collection); 
} 
findItem([1,3]) 

這將創建一個閉合所以each內部匿名函數就能看到它。

你的第二個問題是，你通過count作爲一個數組。所以if條件需要一些固定：

function findItem(count) { 
    var collection = [], 
      count = count; 

    $.each(allMyLiItems, function(i, item) { 

     if (count.indexOf($(item).data('slide')) !== -1) { 
      collection.push(item); 
     } 

    }); 

    return $(collection); 
} 
findItem([1,3])