javascript - 防止 JavaScript 和 Html 中重复追加数据

Question

我有一个 HTML 表，我不希望第二列的值在网格中重复。 这是我的 JavaScript:

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

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

请帮帮我。非常感谢您的帮助。

Answer 1

调用

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

应替换为

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

我创建了一个JSFiddle example .