2011-11-17 123 views
2

我正在使用DataTable pulgin,並且有關於添加重複行的問題。在HTML表中查找重複記錄

當用戶將記錄添加到(HTML)表時,我想檢查表中是否存在該記錄(在客戶端)。

例如:

 Column A 
Row 1 ABC 

現在,如果用戶嘗試添加 「ABC」,我想拋出的錯誤。

任何人都可以提供指針如何實現這個使用jQuery或Datatables?

回答

2
function findInTable(str, tableID){ 
    $('#' + tableID + ' tr').each(function(){ 
     $(this).children('td').each(function(){ 
      if ($(this).html() == str){ 
       alert('found'); 
       return false; 
      } 
     }); 
    }); 
} 

findInTable('ABC', 'mytable'); // <table id="mytable">...</table> 
+0

真棒謝謝:) – Viral

0

這應該可以解決您的問題。調整此

<script type="text/javascript"> 
<!-- 
function cellContent() { 
    var content=document.getElementsByTagName('td'); 
for(c=0;c<content.length;c++) { 
    alert ('td cell number '+(c+1)+' contains...\n ' +content[c].innerHTML); 
    } 
} 
onload=cellContent; 
//--> 
</script> 
0

有一個hacky的方式來做到這一點小表。轉換的行轉換爲字符串,並把它們放在一個關聯數組,最適合單列表格,並有辦法多列

工作因此可以說你插入ABC

if (tableData["ABC"] != undefined) tableData["ABC"] = 1; 
else alert("Duplicate"); 

此外,如果循環應該照顧的行添加到UI