计算html表中的元素数
Count number of elements in the html table
我应该使用什么方法来计算Html表中的元素数量?
例如:如果我有一个3*3的表,我需要计算a和B的的数量
A A A
B A B
B A A
这个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>
使用jQuery
var counter = 0;
$(document).ready(function(){
$('table td').each(function(){
if ($(this).text() === "A") counter++;
});
alert(counter + " 'A's found");
});
$("#mytable td:contains('A')").length;
相关文章:
- 我应该怎么做才能避免在网页上移动元素(html、css、jQuery)
- 更改元素HTML,但忽略最后一个子项
- 增加在选择元素HTML中搜索的时间
- Jquery无法获取元素html
- 从所选元素 html 上方的元素获取属性值
- 在 JS 的单选按钮元素 (HTML) 中使用 title 属性
- 如何在页面上播放每个音频元素(HTML,JQuery,Javascript)
- 我需要一种新的方法来检测元素 HTML 是否有更改
- 获取父元素 html 以及子内容
- AngularJS指令:如何在ng-repeat中动态更改元素html
- html 属性中的引号被标记为 ”来自元素.html()的结果
- 在指令's链接中替换angular元素html
- 如果元素有子元素html元素
- 如何下推表格中的元素- HTML
- 如何在纯javascript中使用变量插入数组值,如元素HTML
- jQuery textilate .js -如何“重置”元素HTML并重新启动动画
- 将元素HTML附加到新附加的textarea中
- 在添加类的情况下,CSS 3的过渡是否不能与模板元素(HTML 5)一起工作?
- jQuery没有更新DOM元素HTML
- 在jQuery中更快地替换元素HTML