首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Javascript/jQuery对HTML表格的列或行中的唯一单元格进行计数

使用Javascript/jQuery对HTML表格的列或行中的唯一单元格进行计数
EN

Stack Overflow用户
提问于 2012-01-09 17:43:47
回答 2查看 2.3K关注 0票数 0

有没有一种简单的方法可以用jQuery或普通的Javascript来计算HTML表中列(或行)中的唯一单元格?

示例:(只有一列的表)

代码语言:javascript
运行
复制
melon
banana
melon
strawberry

计数器应该是3。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-01-09 17:54:24

试试这个:

代码语言:javascript
运行
复制
var a = {}, l = 0;
$('table tr td:first-child').each(function(){
    if (!a[$(this).text()]) {
        l++;
        a[$(this).text()] = true;
    }
});

alert(l);

对于HTML:

代码语言:javascript
运行
复制
<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/

票数 2
EN

Stack Overflow用户

发布于 2012-01-09 17:56:33

试试这个:

代码语言:javascript
运行
复制
var matches = [];
$('table td').each(function() {
  if(!$.inArray($(this).text(), matches)==-1) matches.push($(this).text());
});
alert(matches.length);
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8786420

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档