sélection jquery avancée ... d'abord par valeur d'attribut

Question

Bon, je ne suis pas sûr de savoir comment décrire de façon concise ce que je veux faire. Alors, prenez le pseudo-html suivant:

<input type=checkbox id=chk1 myatr=1 /> 
<input type=checkbox id=chk2 myatr=1 /> 
<input type=checkbox id=chk3 myatr=2 /> 
<input type=checkbox id=chk4 myatr=1 /> 
<input type=checkbox id=chk5 myatr=2 /> 
<input type=checkbox id=chk6 myatr=3 /> 

Ce que je veux faire est de sélectionner toutes les cases où ils sont la première occurrence de leur valeur respective pour « myatr ». Donc, je veux prendre quelque chose comme:

$('input [type=checkbox]') 

et l'étendre en quelque sorte à ne recevoir que les articles avec ids chk1, chk3 et chk6, car ils sont les premiers cas de leurs valeurs de myatr (1, 2 et 3 respectivement).

Quelque chose comme:

$('input [type=checkbox]').FirstForEach('myatr') 

Est-ce possible en quelque sorte?

Answer 1

solution de Zed en utilisant des objets (se comporter comme hashmaps) donnant O (1), par opposition lookups à O (n) recherche de tableau.

var attrs = {}; 
var prefix = "blah$$"; 
$("input [type=checkbox]"). 
    filter(
    function() { 
     attr = this.attr("myatr"); 
     if (attrs[prefix + attr]) { 
     return false; 
     } else { 
     attrs[prefix + attr] = true; 
     return true; 
     } 
) 

Un préfixe est utilisé pour éviter les collisions avec les propriétés intégrées de l'objet.

Answer 2

Pas une solution élégante, mais vous pouvez faire quelque chose comme ceci:

var attrs = new Array(); 

$("input [type=checkbox]"). 
    filter(
    function() { 
     attr = this.attr("myatr"); 
     if (array_contains(attrs, attr)) { 
     return false; 
     } else { 
     array_insert(attrs, attr); 
     return true; 
     } 
). 
    ... 

array_contains et array_insert devraient être mises en œuvre :)

Answer 3

Je ne pense pas que vous pouvez obtenir ce juste d'appeler jQuery Build- dans les sélecteurs. Cependant, vous pouvez facilement obtenir ceci dans quelques lignes de code.

var ids = []; 
$('input[type=checkbox]').filter(function (index) { 
    var attr = $(this).attr('myattr'); 
    if (ids.indexOf(attr) !== -1) { 
     ids[ids.length] = attr; 
     return true; 
    } 
    return false; 
}); 

Non testé, mais devrait fonctionner.

Note: IE n'a pas la méthode mise en œuvre Array.indexOf mais vous pouvez facilement corriger cela avec ce code:

[].indexOf || (Array.prototype.indexOf = function(v){ 
    for (var i = 0; i < this.length; i++) { 
     if (v === this[i]) { 
      return i; 
     } 
    } 
    return -1; 
});