先進的なjqueryの選択...属性値ごとの最初の値

Question

わかりました。わかりやすく、わかりやすく説明しています。だから、次の擬似HTMLを取る：

<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 /> 

は、私は何をしたい、彼らは「myatr」のために、それぞれの値が最初に出現しているすべてのチェックボックスを選択しています。だから私は次のような何かをしたい：

$('input [type=checkbox]') 

だけに何とかそれを拡張彼らはそれぞれmyatr（1、2及び3のそれらの値の最初のインスタンスであるとして、IDSのCHK1、chk3とchk6でア​​イテムを取得します）。以下のような

何か：

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

これは何とか可能ですか？

Answer 1

ゼッドのソリューションとは対照的にO（1）のルックアップを与える（ハッシュマップのように振る舞う）オブジェクトを使用して配列のO（n）ルックアップ

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; 
     } 
) 

接頭辞は、オブジェクトの組み込みプロパティとの衝突を避けるために使用されます。

Answer 2

ないエレガントなソリューションが、あなたはこのような何か行うことができます。

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とarray_insertを実装する必要があります:)

Answer 3

を私はあなたがそれだけで呼び出すjQueryのビルド - を得ることができるとは思いませんセレクタで。しかし、これはコードのいくつかの行で簡単に取得することができます。

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; 
}); 

未テストですが動作するはずです。

注：IEはArray.indexOfメソッドが実装されていませんが、あなたは簡単にこのコードであることを修正することができます。

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