2011-11-17 121 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