jquery通过按钮获取表格信息

首先先写一个表格:

<table border="1px">
			<tr>
			<th>第0列</th>
			<th>第1列</th>
			<th>第2列</th>
			<th>点击</th>
			</tr>
			<tr>
			<td>00</td>
			<td>01</td>
			<td>02</td>
			<td><a href="#" class="click">点击</a></td>
			</tr>
			<tr>
			<td>10</td>
			<td>11</td>
			<td>12</td>
			<td><a href="#" class="click">点击</a></td>
			</tr>
		</table>

jquery获取数据代码:

<script type="text/javascript">
		$(".click").click(function() {
			//定位到本行
			var row = $(this).closest("tr");
			//获取数据
			alert(row.find("td:eq(0)").text());
		});
	</script>

在这里插入图片描述
ok!!!

发布了10 篇原创文章 · 获赞 22 · 访问量 684

猜你喜欢

转载自blog.csdn.net/bing_bg/article/details/104933526