js循环table获取input里的属性值

Biegral 2020/8/23 4:16:05 1230

<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<input type="button" οnclick="showTable('mailTable');" value="遍历table"/>
<input type="button" οnclick="showTd('aa');" value="取得td的index"/>
<table id="mailTable">
<tr>
<td name="god"><input name="input1" value="th00" hidden="343434" ></td>
<td>wo</td>
</tr>
<tr >
<td name="god"><input name="input3" hidden="aaa" ></td>
<td name="god"><input name="input4" hidden="bbb" ></td>
</tr>
<tr>
<td><input name="input5" value="th20"></td>
<td><input name="input6" value="th21"></td>
</tr>
</table>

<SCRIPT LANGUAGE="JavaScript">
function showTable(id){
var tb=document.getElementById(id);
var rows=tb.rows;
for(var i=0;i<rows.length;i++){
var cells=rows[i].cells;
for(var j=0;j<cells.length;j++){
alert("获得的$(cells[j]).attr('name'):"+$(cells[j]).attr("name"));
if ($(cells[j]).attr("name")=="god"){
alert("name=" +cells[j].childNodes[0].name +" value="+ cells[j].childNodes[0].value + " hidden=" +cells[j].childNodes[0].hidden ); //.hidden返回的是true/false
}
}
}
}

function showTd(id){
var td=document.getElementById(id);
var cell=td.parentElement;
var cells=cell.cells;
alert("cell.cells:"+cell.cells+" ,cell:"+cell);
alert("cells[0]:"+cells[0]+" ,$(cells[0]).attr('name'):"+$(cells[0]).attr('name'));
alert("cells[0].childNodes[0].name:"+cells[0].childNodes[0].name);
alert(cells[0].cellIndex);
}

//<input>的name属性可以通过.name来获取，而<td>的那么属性不能，但可以通过attr("name")来获取

</SCRIPT>
</body>
</html>
本文转载:CSDN博客

阅读排行

分类

归档