jQuery的不同阵列

Question

我有数组文本框类似下面

<input type="text" name="txtname[]" value="single" /> 
<input type="text" name="txtname[]" value="twin" /> 
<input type="text" name="txtname[]" value="single" /> 
<input type="text" name="txtname[]" value="dulex" /> 
<input type="text" name="txtname[]" value="single" /> 

我想告诉那些价值...

单-------- 3
双---- ---- 1
dulex -------- 1

Answer 1

退房jQuery的独特功能：http://api.jquery.com/jQuery.unique/

Answer 2

您可以SA Y本：

var all = $(":text"); 
var uniqueNames = jQuery.unique(all.map(function(){return $(this).attr("value"); })); 
jQuery.each(uniqueNames, function(){ 
    console.log(this + "---" + all.filter("[value=" + this + "]").length); 
}); 

的代码是自我描述：

1. 找到独特的价值
2. 指望他们在原来的阵列

见这里的例子：http://jsfiddle.net/BPxTd/

Answer 3

var txtname = $(':input[name="txtname[]"]').map(function(a,b){ return $(b).val(); }).toArray(); 

var unique = {}; 
$.each(txtname, function(a,b){ 
    if (!unique[b]) 
     unique[b] = 0; 
    unique[b]++; 
}); 

unique结束：

({single:3, twin:1, dulex:1}) 

---

UPDATE

如果你想把它当作一个jQuery add-on：

$.fn.extend({ 
    unique_count: function(){ 
     var unique = {}; 
     this.each(function(a,b){ 
      var v = $(b).val(); 
      if (!unique[v]) 
       unique[v] = 0; 
      unique[v]++; 
     }); 
     return unique; 
    }, 
    unique_vals: function(){ 
     var unique = []; 
     $.each($(this).unique_count(), function(a,b){ unique.push(a); }); 
     return unique; 
    } 
}); 

，输出为：

var $inputs = $(':input[name="txtname[]"]'); 
$inputs.unique_count() // = Object: {single:3, twin:1, dulex:1} 
$inputs.unique_vals() // = Array: ["single", "twin", "duplex"]