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); 
}); 

Answer 2

基本的に、あなたは二度テーブルを参照し、すべての行をチェックする必要があります。ここでは例の抜粋：

//Populate table 
 
for(var i = 0; i<10; i++){ 
 
$('table tbody').append('<tr><td>Row '+i+'</td></tr>'); 
 
$('table tbody').append('<tr><td>Row '+i+'</td></tr>'); 
 
} 
 

 
//Go along the table twice and check. Remove if the same content. 
 
function cleanTable(){ 
 
    for(var i = 0; i<$('table tbody tr').length; i++){ 
 
     for(var j = 0; j<$('table tbody tr').length; j++){ 
 
     if($('table tbody tr').eq(i).html() == $('table tbody tr').eq(j).html() && i != j){ 
 
     $('table tbody tr').eq(j).remove(); 
 
     } 
 
    } 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button onClick="cleanTable()">Clean</button> 
 

 
<table> 
 
    <tbody> 
 
    </tbody> 
 
</table> 
 

 
<button onClick="cleanTable()">Clean</button>