jQuery: Comment faire une boucle sur un ensemble d'éléments en trouvant seulement ceux qui correspondent aux valeurs dans un autre tableau?

Question

J'ai fondamentalement une petite fonction appelée findItem() qui est censée trouver les éléments que je recherche en fonction des attributs personnalisés data- de l'élément.

Dans ce cas, ils sont purement numériques, par exemple. data-slide=1.

Je suis un peu désemparé quant à la façon de faire correspondre la valeur de la diapositive de données de chaque élément à celle qui est contenue dans l'autre tableau.

Voici un exemple plus concret:

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

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

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

    }); 

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

qui ne fonctionne pas parce count dans l'instruction if ne semble pas correspondre à quelque chose.

La page contient 4 <li data-slide="{number}">… éléments donc 1,3 devrait renvoyer le premier et le troisième de ces éléments.

Qu'est-ce que je fais mal ici?

Answer 1

Utilisez jQuery.grep et jQuery.inArray:

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

Working example

Answer 2

Pour résoudre le problème avec le count dans le cas statment rien correspondant, essayez ceci:

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

Cela va créer une fermeture de sorte que la fonction anonyme à l'intérieur du each sera en mesure de le voir.

Votre deuxième problème est le fait que vous transmettez count en tant que tableau. Ainsi, la condition if a besoin d'un peu de fixation:

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