<!DOCTYPE html>
<html>
<head>
<title>jquery读取table的td值</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div align="center">
<table id="table" border="1" align="center">
<tr>
<td>hello</td>
<td>world</td>
</tr>
<tr>
<td>java</td>
<td>python</td>
</tr>
<tr>
<td>docker</td>
<td>databases</td>
<td>edit</td>
</tr>
</table>
<br>
<button id="btn">遍历table</button>
</div>
<script>
$('#btn').click(function(){
$('#table tr').each(function(i){ // 遍历 tr
$(this).children('td').each(function(j){ // 遍历 tr 的各个 td
alert("第"+(1+i)+"行,第"+(j+1)+"个td的值:"+$(this).text()+"。");
});
});
});
</script>
</body>
</html>
Jquery获取table单元格td的值
最新推荐文章于 2022-03-05 16:29:39 发布
