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

Count unique cells in a column or row of an HTML table with Javascript/jQuery

本文关键字：单元格 唯一 Javascript jQuery 计算 HTML 使用      更新时间：2023-09-26

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

示例：（只有一列的表）

melon
banana
melon
strawberry

计数器是3。

试试这个：

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>

这将适用于第一列。如果您想对第二列中的值进行计数，您可以使用选择器table tr td:first-child+td、第三列table tr td:first-child+td+td等。

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

试试这个：

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