Wie kann ich mit jquery prüfen, ob eine Sammlung von Eingabeelementen eindeutige Werte hat?

Question

Ich habe eine Tabelle. Einige Zeilen werden von jquery dynamisch hinzugefügt.

Die erste <td> jeder Zeile hat ein <input type="text" /> Element. Kann mit jQuery überprüft werden, ob alle diese Eingabeelemente eindeutige Werte haben?

Answer 1

Nicks Lösung hat O (n) Komplexität. Hier ist ein optimiertes Beispiel.

Funktion isUnique bestimmt das erforderliche Ergebnis.

<script src="jquery.js" /> 
<script> 
function isUnique(tableSelector) { 
    // Collect all values in an array 
    var values = [] ; 
    $(tableSelector + ' td:first-child input[type="text"]').each(function(idx,val){ values.push($(val).val()); }); 

    // Sort it 
    values.sort() ; 

    // Check whether there are two equal values next to each other 
    for(var k = 1; k < values.length; ++k) { 
     if(values[k] == values[k-1]) return false ; 
    } 
    return true ; 
} 

// Test it 
$(document).ready(function(){ 
    alert(isUnique(".myTable")) ; 
}); 
</script> 

<table class="myTable"> 
    <tr><td><input type="text" value="1" /></td></tr> 
    <tr><td><input type="text" value="2" /></td></tr> 
</table> 

Answer 2

Sie können ein Array für diese und die jQuery .inArray function wie folgt verwenden:

var vals = new Array(); 
$("td:first-child input").each(function() { 
    if($.inArray($(this).val(), vals) == -1) { //Not found 
    vals.push($(this).val()); 
    } else { 
    alert("Duplicate found: " + $(this).val()); 
    }  
}); 

Seien Sie sicher, vals vor einem zweiten Durchgang zu löschen, wenn Sie es sind die Wiederverwendung.