jquery 点击取得当前行的某一列值

最新推荐文章于 2020-05-26 11:08:15 发布

黄铜渣渣

最新推荐文章于 2020-05-26 11:08:15 发布

阅读量1.5w

点赞数 4

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/u014330950/article/details/77588274

版权

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何利用jQuery从HTML表格中获取特定单元格的数据。通过点击每行的“保存”按钮，可以弹窗显示所在行第二列的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>moban</title>
<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
function  showzhi(obj){ 
var x = $(obj).parent().parent().find("td");
var y = x.eq(1).text()
   alert(y);
  };

</script>
</head>

<body>
<table width="80%" border="1">
  <tr>
    <td>111</td>
    <td>aaa</td>
    <td>ddd</td>
    <td><a οnclick="showzhi(this)">保存</a></td>
  </tr>
  <tr>
    <td>222</td>
    <td>bbb</td>
    <td>eee</td>
    <td><a οnclick="showzhi(this)">保存</a></td>
  </tr>
  <tr>
    <td>333</td>
    <td>ccc</td>
    <td>fff</td>
    <td><a οnclick="showzhi(this)">保存</a></td>
  </tr>
</table>
</body>
</html>