jquery或js怎么遍历表格每列,获取表格的每列最大最小值并输出到表格上,请见图

如题所述

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title> 获取表格内容 </title>
<style type="text/css">
table{width:300px; border:1px solid #000000; border-collapse:collapse;}
td{border:1px solid #000000; border-collapse:collapse;}
</style>
<script type="text/javascript">
/**
* 遍历表格内容返回数组
* @param Int id 表格id
* @return Array
*/
function getTableContent(id){
var mytable = document.getElementById(id);
var data = [];
for(var i=0,rows=mytable.rows.length; i<rows; i++){
for(var j=0,cells=mytable.rows[i].cells.length; j<cells; j++){
if(!data[i]){
data[i] = new Array();
}
data[i][j] = mytable.rows[i].cells[j].innerHTML;
}
}
return data;
}

/**
* 显示表格内容
* @param Int id 表格id
*/
function showTableContent(id){
var data = getTableContent(id);
var tmp = '';
for(i=0,rows=data.length; i<rows; i++){
for(j=0,cells=data[i].length; j<cells; j++){
tmp += data[i][j] + ',';
}
tmp += '<br>';
}
document.getElementById('result').innerHTML = tmp;
}

</script>
</head>

<body>
<table id="mytable">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>1</td><td>1</td><td>1</td></tr>
<tr><td>2</td><td>2</td><td>2</td></tr>
<tr><td>3</td><td>3</td><td>3</td></tr>
<tr><td>4</td><td>4</td><td>4</td></tr>
<tr><td>5</td><td>5</td><td>5</td></tr>
</table>
<p><input type="button" name="btn" value="获取表格数据" onclick="showTableContent('mytable')"></p>
<p><div id="result"></div></p>
</body>
</html>
希望能帮到你追问

哥们,能不能就照我的图写一个出来?你这样的还不符合我的要求

追答

不是每个都去到值了吗?最大值和最小值你遍历下 拿出来计算下就可以了啊

追问

你这个是全部啊,我怎么跟上一行的某列进行比较?你这不是比较是当前行里的值,再说要取表格的值我也很轻松能取到,关键是怎么对每列的值进行最值筛选

追答

function showTableContent(id){
var data = getTableContent(id);
var tmp = '';
var sum = 0;
//展示
for(i=0,rows=data.length; i';
}
//计算最大值

for(i=0; i0){
sum += parseInt(data[j][i]);
}
}
tmp += sum + ',';
}
tmp += '';
document.getElementById('result').innerHTML = tmp;
}
第二个方法我改写了,给你写个最大的值,最小你自己仿照写吧,应该没问题了吧?

追问

恩,看图吧,红色是我手动输的

追答

我晕 我是求和的 你是要最大值是吧??你直接排序不就好了吗

追问

怎么个排序法?且你这个求和不应该是全部15,15,15吗?怎么还来了30,45?

追答

function showTableContent(id){
var data = getTableContent(id);
var tmp = '';
var sum = 0;
var dataNew = [];
//展示
for(i=0,rows=data.length; i'; }
//把二维数组行转列
for(i=0; i0){dataNew[i][j] = data[j][i];}}}
//求出最大值
for(i=0;i';
document.getElementById('result').innerHTML = tmp;
}
//传入数组进行取最大值
function largestOfFour (arr) {
var newArray = arr.join(",").split(",");
return Math.max.apply({},newArray);
}
之前以为求和的 这是最大值了

温馨提示:答案为网友推荐,仅供参考