如何使用jQuery

Question

我有一個HTML表，有輸入它來檢查在輸入重複的值。我想檢查自定義列中的重複值或另一方面Non Dupllicated td value。

<table> 
    <tr><td><input value="one"/></td></tr> 
    <tr><td><input value="two"/></td></tr> 
    <tr><td><input value="one"/></td></tr> 
    <tr><td><input value="nine"/></td></tr> 
    <tr><td><input value="four"/></td></tr> 
</table> 

我要檢查所有輸入td和一個值重複顯示錯誤。例如在頂部代碼one中是重複的。我不想使用for()。

Answer 1

使用的輸入each()校驗值，如果任何值重複添加duplicate類吧。

var arr = []; 
 
$("input").each(function(){ 
 
    var value = $(this).val(); 
 
    if (arr.indexOf(value) == -1) 
 
     arr.push(value); 
 
    else 
 
     $(this).addClass("duplicate"); 
 
});

.duplicate { 
 
    border: 1px solid red; 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr><td><input value="one"></td></tr> 
 
    <tr><td><input value="two"></td></tr> 
 
    <tr><td><input value="one"></td></tr> 
 
    <tr><td><input value="nine"></td></tr> 
 
    <tr><td><input value="four"></td></tr> 
 
    <tr><td><input value="four"></td></tr> 
 
</table>

Answer 2

試試這個

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <table> 
     <tr><td><input value="one"></td></tr> 
     <tr><td><input value="two"></td></tr> 
     <tr><td><input value="one"></td></tr> 
     <tr><td><input value="nine"></td></tr> 
     <tr><td><input value="four"></td></tr> 
    </table> 

<script> 
$("input").change(function(){ 
    var x=$(this).val(); 
    var z=0; 
    $("input").each(function(){ 
     var y=$(this).val(); 
     if(x==y){ 
      z=z+1; 
     } 
    }); 
    if(z>1){ 
     alert(x); 
    } 
}) 
</script> 

</body> 
</html>