javascript - 如何防止在 jquery/javascript 中向表中重复追加数据？

Question

如何避免表中出现相同的数据？

代码如下:

var a = 0;
    $(document).on("change", "#txtInput",function(){
      var inputLength = this.value.length;
      if (inputLength <= 9) { return; }

      $("#contenido").append("<tr><td>" + this.value + "</td></tr>");
      $("p").html('Total Bianuales: ' + (++a));
    });

Answer 1

存储您已添加的值，如果输入的值已添加，请勿重新添加。

var a = 0;
var alreadyAdded = [];
$(document).on("change", "#txtInput",function(){
  var inputLength = this.value.length;
  if (inputLength <= 9) { return; }
  if ($.inArray(this.value, alreadyAdded) !== -1) { return; }

  $("#contenido").append("<tr><td>" + this.value + "</td></tr>");
  $("p").html('Total Bianuales: ' + (++a));
  alreadyAdded.push(this.value);
});