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>