在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

嘗試：

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

工作：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.');