javascript - 计算 html 表中的元素个数

Question

我应该使用什么方法来计算 Html 表中的元素数量？

例如：如果我有一个 3*3 的表，我需要计算 A 和 B 的数量

                A  A  A
                B  A  B
                B  A  A

Answer 1

这个 javascript 函数将帮助您检索每个单元格的内容，在获取内容后，您可以在其上编写自己的逻辑

<script>
 function GetCellValues() {
    var refTab = document.getElementById("YOUR_TABLE_ID")
    var  ttl;
     // Loop through all rows and columns of the table and popup alert with the value
    // /content of each cell.
      for ( var i = 0; row = refTab.rows[i]; i++ ) {
        row = refTab.rows[i];
        for ( var j = 0; col = row.cells[j]; j++ ) {
          alert(col.firstChild.nodeValue);
        }
      }
 }
</script>

下面的代码将满足您的要求

<script>
function getAandBCount() {
var refTab = document.getElementById("YOUR_TABLE_ID")
var  ttl;
var a=0;
var b=0;
for ( var i = 0; row = refTab.rows[i]; i++ ) {
   row = refTab.rows[i];
   for ( var j = 0; col = row.cells[j]; j++ ) {
       if(col.firstChild.nodeValue == 'A'){
        a++;
       }else if(col.firstChild.nodeValue == 'B'){
           b++;
        }
   }
}
alert(a);
alert(b);
}
</script>

Answer 2

使用 jQuery

var counter = 0;
$(document).ready(function(){
    $('table td').each(function(){
        if ($(this).text() === "A") counter++;
    });
    alert(counter + " 'A's found");
});

Answer 3

$("#mytable td:contains('A')").length;