『壹』 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>
希望能幫到你
『貳』 在js中怎樣獲取當前頁面表格中的數據
1、JS獲取表格的簡便方法:獲取tbody:tBodies 獲取thead:tHead 獲取tfoot:tFoot 獲取行tr:rows 獲取列td:cells
使用實例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]
2、遍歷
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells組成的二維數組,用兩個for循環嵌套遍歷一下就可以了
『叄』 js動態生成的table如何進行遍歷
從table的父元素開始綁定,比如
<div id="parentOfTable">
<table>
<tr><td><a>a</a></td></tr>
<tr><td><a>b</a></td></tr>
<table>
</div>
==============
var trs=$("#parentOfTable a");
『肆』 Js中如何獲取當前Table中的第幾行Sos,幫幫我這個小娃娃吧.
在table裡面做個隱藏域,值為當前行數,讓js去取
『伍』 頁面上有個<table>表格,如何用JS中的循環分別取得各個td中的數據
jquery 版的
$(document).ready(function(){
var st1r="";
$("td").each(function(){ st1r+=$(this).html()+",";alert( st1r)})
});
這個是通過判斷裡面是否有td ,如果有td,都提取版裡面的值權。
『陸』 js遍歷table下面 所有td,並設置個別td的值 高分 求大神
<!DOCTYPEHTML>
<html>
<head>
<metacharset="UTF-8"/>
<title>main.html</title>
<styletype="text/css">
</style>
<scripttype="text/javascript">
window.onload=function()
{
vartable=document.getElementById('mytable');
varrows=table.rows;
for(vari=0;i<rows.length;i++)
{
(rows[i].className=='test')
{
vartxt=document.createTextNode();
txt.nodeValue=Number(rows[i].cells[0].firstChild.nodeValue)
+Number(rows[i].cells[1].firstChild.nodeValue);
rows[i].cells[2].appendChild(txt);
}
}
}
</script>
</head>
<body>
<tableid="mytable">
<trclass="test">
<tdid="d1">4</td>
<tdid="d2">5</td>
<tdid="d3"></td>
</tr>
<trclass="test">
<tdid="d1">1115</td>
<tdid="d2">11116</td>
<tdid="d3"></td>
</tr>
</table>
</body>
</html>
『柒』 怎麼讓js遍歷循環倆個table 下面的 tr td 值相等
您好:這就是三個for循環嵌套而已。
for(var i=0;i<table.length;i++) //這一層是循環這2個table
{
for(var j=0;j<tr.length;j++) //這個是tr
{
for(var n=0;n<td.length;n++) //這里是循環的tr下面所有的td
{
//這里就可版以獲取td是否相等權了。
}
}
}
『捌』 js編寫一個可以循環的<table>表格
可以的,最簡單的
<divid="t"></div>
<script>
varhtml="<table>"
for(vari=0;i<3;i++){
版html+="<tr>";
for(varj=0;j<5;j++){
html+="<td>";
html+=i+"行"+j+"列權";
html+="</td>";
}
html+="</tr>"
}
html+="</table>"
console.log(html)
document.getElementById('t').innerHTML=html;
『玖』 js遍歷表格,內容讀取到數組。
<html>
<head>
<title> just a test </title>
</head>
<script>
function getTdContent(){
var tab = document.getElementById("tab");
var len = tab.cells.length;
var arr = new Array();
for(var i=0;i<len;i++){
arr.push(tab.cells[i].innerText);
}
alert(arr);
}
function getRowContent(){
var tab = document.getElementById("tab");
var rownum = document.getElementById("rownum").value;
var len = tab.rows[rownum-1].cells.length;
var arr = new Array();
for(var i=0;i<len;i++){
arr.push(tab.rows[rownum-1].cells[i].innerText);
}
alert(arr);
}
</script>
<body>
<table id="tab">
<tr><td>01</td><td>02</td><td>03</td><td>04</td></tr>
<tr><td>05</td><td>06</td><td>07</td><td>08</td></tr>
<tr><td>09</td><td>10</td><td>11</td><td>12</td></tr>
</table>
<input id="rownum" />
<button onclick="getRowContent()">獲取指定行單元格內容</button>
<button onclick="getTdContent()">獲取所有單元格內容</button>
</body>
</html>