Javascript 删除单列的重复单元格:html
我也要这样做Javascript 删除单列的重复单元格:html,javascript,html,html-table,Javascript,Html,Html Table,我也要这样做 <table id="test" border="1"> <tr> <td>test1</td> <td>test2</td> <td>test3</td> </tr> <tr> <td>test4</td> <td&g
<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>
测试1
测试2
测试3
测试4
测试2
测试5
测试6
测试2
测试9
测试6
测试8
测试8
我可以从表的所有列中删除重复的单元格值,但我只想从第一列中删除重复的单元格值
原始输出
从总表中删除重复项以获取输出
我想要这个
脚本
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;
}
});
说明:
$(“#test td:first child”)
这有助于仅选择表的第一行使用此代码,它工作正常
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;
}
});
$(this).index()
不是必需的。@dfsq是编辑的,我只是复制了SO用户代码并进行了必要的更改actually@dfsq我遇到的另一个问题是,是使用第一个子项还是this.index==0
。应该是var key=$(this).text()代码>。但对于较大的表来说,这可能是一个问题。不确定,如果您能消除我的疑虑,这将是一个很棒的$(this)。index()将始终在第一列返回0。所以,刚才也添加了这个条件。不,我明白了,我问的是,在2just fyip中,哪种方法更好?firstchild确认的更好:)