JavaScript 및 HTML의 중복 추가 방지

Question

하나의 HTML 표가 있는데 두 번째 열의 값이 격자에서 반복되는 것을 원하지 않습니다.

<tbody id="test"> 
    <tr> 
    <td><input type="text" id="sales-product-code" name="cm_code[]" value="" class="sales-product-code"/> </td> 
    </tr> 
</tbody> 

이 저를 도와주세요

var $addedProductCodes = []; 

function getProductData(value){ 

     $td_productCode=$("#sales-product-code").val(); 
     var index = $.inArray($td_productCode, $addedProductCodes); 
     if (index >= 0) { 
       alert("You already added this Product"); 
      } else { 
       $('#test').append("<tr><td>"+ value +"</td></tr>"); 
       $addedProductCodes.push($td_productCode); 
      } 
     } 

및 HTML

: 여기 내 자바 스크립트입니다. 도움을 많이받습니다.

Answer 1

호출

$('#test').append("<tr><td>"+ value +"</td></tr>") 

에는 내가 JSFiddle example을 만들어

$('#test tr:last').after("<tr><td>" + value + "</td></tr>"). 

로 교체해야합니다.

Answer 2

부울 변수를 사용하여 조건부 if에서 사용하십시오. 열이 추가되면 해당 변수의 값을 변경하십시오.