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])