删除一列的重复单元格：html

Question

我按照这个

做同样的事

<table id="test" border="1">
    <tr>
        <td>test1</td>
        <td>test2</td>
        <td>test3</td>
    </tr>
      <tr>
          <td>test4</td>
          <td>test2</td>
          <td>test5</td>
    </tr>
    <tr>
        <td>test6</td>
        <td>test2</td>
        <td>test9</td>
    </tr>
          <tr>
              <td>test6</td>
              <td>test8</td>
              <td>test8</td>
    </tr>
</table>

LINK of Fiddle 我可以从表的所有列中删除重复项，但我想从第一列中删除重复的单元格值。

原始输出

从总表中删除重复项以获取输出

我想要这个

Answer 1

<强>脚本

var seen = {};
$('#test td:first-child').each(function() {
    // Encode column and content information.
    var key = $(this).text();
    if (seen[key]) {
        $(this).text('');
    }
    else {
        seen[key] = true;
    }
});

<强> Fiddle Demo

<强>解释

$('#test td:first-child')这有助于仅选择表格的第一行

Answer 2

使用此代码，它工作正常。

var seen = {};
$('#test td').each(function() {
    // Encode column and content information.
    var key = $(this).index() +  $(this).text();
    if (seen[key] && $(this).index()==0) {
        $(this).text('');
    }
    else {
        seen[key] = true;
    }
});

Fiddle Demo