如何使用 java-script 或 Jquery 对 HTML5 表上的重复单元格值进行行计数？答案

【问题标题】：How to row count of duplicate cell values on a HTML5 Table using java-script or Jquery?如何使用 java-script 或 Jquery 对 HTML5 表上的重复单元格值进行行计数？
【发布时间】：2020-05-20 11:56:34
【问题描述】：

我有一个包含 2 列（ID 和状态）的基本 HTML 表。在“状态”列中，单元格值显示为“活”或“死”。我想计算有多少行具有“活”值和多少行具有“死”值

<table id="active-users" cellspacing="0">
  <tbody>
    <tr>
       <th>ID</th>
       <th>Status</th>
    </tr>
    <tr>
       <td>1</td>
       <td>Live</td>
    </tr>
    <tr>
       <td>2</td>
       <td>Dead</td>
    </tr>
    <tr>
       <td>3</td>
       <td>Live</td>
    </tr>
 </tbody>
</table>

【问题讨论】：

这个数据来自php还是什么？
请阅读How to Ask。您应该自己在来这里询问之前做出努力。这不是一个代码编写服务，您只需放弃您的要求。

标签： javascript html jquery arrays

【解决方案1】：

你可以这样做：

let livecount = $("table td:contains('Live')").length;
let deadcount = $("table td:contains('Dead')").length;
console.log("Live: " + livecount + ", Dead: " + deadcount);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="active-users" cellspacing="0">
  <tbody>
    <tr>
       <th>ID</th>
       <th>Status</th>
    </tr>
    <tr>
       <td>1</td>
       <td>Live</td>
    </tr>
    <tr>
       <td>2</td>
       <td>Dead</td>
    </tr>
    <tr>
       <td>3</td>
       <td>Live</td>
    </tr>
 </tbody>
</table>

【讨论】：

@BhabaniShankarDash 很高兴我能提供帮助。如果这回答了您的问题，请选中答案旁边的复选标记以将您的问题解决为已回答/已解决。

【解决方案2】：

您可以使用 Jquery 读取表中的所有表行，并在值与搜索字符串匹配时进行计数。

看看escasparello's answer to this similar question。他们提供了几行 Jquery 来解决问题。

【讨论】：