javascript - 在javascript中查找具有相同自定义属性的元素数量

Question

我有一个包含多行的表，该表具有一个共同的自定义属性 prId 。我怎么知道没有。具有相同自定义属性的行数。我不能使用 jquery

<tr id="mainRow2" prId = "2"></tr>
<tr id="subRow2_1" prId = "2"></tr>
<tr id="subRow2_2" prId = "2"></tr>
<tr id="subRow2_3" prId = "2"></tr>
<tr id="mainRow5" prId = "5"></tr>
<tr id="subRow5_1" prId = "5"></tr>
<tr id="subRow5_2" prId = "5"></tr>
<tr id="subRow5_3" prId = "5"></tr>
<tr id="subRow5_4" prId = "5"></tr>

Answer 1

Try:

document.querySelectorAll("[prId='" + 2 + "']").length

Working: http://jsfiddle.net/rLnTD/3/

Answer 2

如上所示，不使用查询选择器（更好，但支持较少），您可以使用

var trs = document.getElementsByTagName('tr'), tr, i, count = 0;

for (i = 0; ( tr = trs[i] ); i += 1) {
    // use your own attribute value here, of course
    if (tr.getAttribute('prId') === '2') {
        count += 1;
    }
}

alert(count + ' prIds counted.');