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

发布于 2024-12-25 19:24:19 字数 161 浏览 2 评论 0原文

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

示例：（只有一列的表）

melon
banana
melon
strawberry

计数器为 3。

原文

Is there a simple way to count the unique cells in a column (or row) in an HTML table with jQuery or plain Javascript?

Example: (table with only one column)

melon
banana
melon
strawberry

The counter would be 3.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

往事风中埋 2025-01-01 19:24:19

试试这个：

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/

Try this:

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

alert(l);

For 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>

This will work for first column. If you want to count values in second column you would use selector table tr td:first-child+td, for third table tr td:first-child+td+td, etc.

Working example: http://jsfiddle.net/7K64j/1/

回复收藏 0 原文

睫毛上残留的泪 2025-01-01 19:24:19

试试这个：

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

Try this:

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

回复收藏 0 原文

~没有更多了~