删除重复的表列包含。桌子到新桌子

时间:2014-09-22 21:30:55

标签: jquery html html-table duplicates cell

我尝试了不同的解决方法并修改了一些脚本,但我不能按照我想要的方式进行操作

我有一张桌子,所有重复的列(包括附加表格)应该移到表格2 ...只有不同的列应该留在表1中

<table width="200" border="1">
<tbody>
<tr>
  <th scope="col">Colour</th>
  <th scope="col">Weight</th>
  <th scope="col">Width</th>
  <th scope="col">Size</th>
  <th scope="col">Price</th>
</tr>
<tr>
  <td>black</td>
  <td>20kg</td>
  <td>10cm</td>
  <td>XL</td>
  <td>20,90€</td>
</tr>
<tr>
  <td>green</td>
  <td>20kg</td>
  <td>8cm</td>
  <td>XL</td>
  <td>20,90€</td>
</tr>
<tr>
  <td>red</td>
  <td>20kg</td>
  <td>5cm</td>
  <td>XL</td>
  <td>10,00€</td>
</tr>
 </tbody>
</table>

任何代码段或可能的解决方法?

1 个答案:

答案 0 :(得分:0)

这是一个开始的代码段

$("table tbody tr").each(function (index, option)
            {
                var FirstColumnVal = $(this)[0].cells[0].innerText;
                var SecondColumnVal = $(this)[0].cells[1].innerText;
                $("table tbody tr").each(function (index1, option1)
                {
                    // Avoid same column comparision    
                    if(index != index1)
                    {
                        // 1st Column Check
                        if ($(this)[0].cells[0].innerText == FirstColumnVal)
                        {
                            // duplicate found - remove element or move to other table
                        }

                        // 2nd Column Check 
                        if ($(this)[0].cells[1].innerText == SecondColumnVal) {
                            // duplicate found - remove element or move to other table

                        }
                    }
                });
            });

对其他列执行相同的操作。