javascript - 使用 Javascript/jQuery 计算 HTML 表的列或行中的唯一单元格

Question

是否有一种简单的方法可以使用 jQuery 或纯 Javascript 计算 HTML 表中列（或行）中的唯一单元格？

示例：（只有一列的表格）

melon
banana
melon
strawberry

计数器将是 3。

Answer 1

尝试这个：

var a = {}, l = 0;
$('table tr td:first-child').each(function(){
    if (!a[$(this).text()]) {
        l++;
        a[$(this).text()] = true;
    }
});

alert(l);

对于 HTML：

<table>
    <tr><td>melon</td><td></td></tr>
    <tr><td>banana</td><td></td></tr>
    <tr><td>melon</td><td></td></tr>
    <tr><td>strawberry</td><td></td></tr>
</table>

这将适用于第一列。如果要计算第二列中的值，可以使用 selector table tr td:first-child+td， for 第三table tr td:first-child+td+td等。

工作示例：http: //jsfiddle.net/7K64j/1/

Answer 2

尝试这个：

var matches = [];
$('table td').each(function() {
  if(!$.inArray($(this).text(), matches)==-1) matches.push($(this).text());
});
alert(matches.length);