Question

我有一个表格，其行配置为：

<tr id='user0'><td></td><td></td></tr>
<tr id='site0'><td></td><td></td></tr>
<tr id='staff0'><td></td><td></td></tr>

<tr id='user1'><td></td><td></td></tr>
<tr id='site1'><td></td><td></td></tr>
<tr id='staff1'><td></td><td></td></tr>

<tr id='user2'><td></td><td></td></tr>
<tr id='site2'><td></td><td></td></tr>
<tr id='staff2'><td></td><td></td></tr>

这些行与特定的工作人员有关，而且每个＆＃39;块都与行的id号增加了。例如：user0，site0，staff0 - user1，site1，staff1 - user2，site2，staff2等......

某些行<td>可能已分配了一个类。例如：

<tr id='user0'><td></td><td class='error'></td></tr>
<tr id='site0'><td class='error'></td><td></td></tr>
<tr id='staff0'><td></td><td class='error'></td></tr>

如何根据ID号计算3行中所有类的出现次数。所以在上面的例子中，结果将是3

由于

Answer 1

你想要这样吗？

$(document).ready(function () {
    var tr0 = $("tr[id$=0] .error").length;
    var tr1 = $("tr[id$=1] .error").length;
    var tr2 = $("tr[id$=2] .error").length;
    console.log(tr0);
    console.log(tr1);
    console.log(tr2);
});

Answer 2

您可以遍历元素，找到具有给定ID的元素，并计算错误类：

function countItems(id) {
  var count = 0;
  Array.prototype.forEach.call(document.getElementsByTagName("tr"), function(el) {
    if (parseInt(el.id.replace(/\D/g, ""), 10) === id) {
        count += el.querySelectorAll("td[class='error']").length;
    }
  });
  return count;
}

console.log(countItems(0)) // 3

Jquery计数类的出现次数

2 个答案: