从父行获取 HTML 表数据
getting html table data from parent row
我有一个可扩展的html表格行。行展开后,它下面有一个按钮,我想在单击按钮时获取父行第一列的数据。
但是我的代码一直显示按钮的标签而不是父行的数据:
<script type="text/javascript">
$(document).ready(function () {
$('.btnedit').click(function () {
alert($(this).closest("tr").find("td:eq(0)").text());
});
});
</script>
JSFiddle:
https://jsfiddle.net/knowmeifyou/5217hLac/
您可以使用prev
获取以前的 tr
alert($(this).closest("tr").prev("tr").find("td:eq(0)").text());
更新的小提琴
相关文章:
- 如何将json数据显示为html
- 使用html中的外部javascript进行数据验证
- 无法将数据从firebase获取到我的html页面
- JS验证ajax返回的html中的表单数据
- 将HTML表格导出到excel时,无法将数据加载到excel文件中
- 编辑HTML表的源数据
- PHP:显示sqlite数据库中的html格式数据,使用tinymce保存
- 在页面呈现之前更改HTML数据
- 如何放置'选择'基于angularJS中数据的html选项
- 有没有一种方法可以仅使用HTML/CSS来隐藏基于特定值的数据单元格
- AngularJS-需要在index.html页面中访问来自服务的数据
- AngularJS加载JSON数据,然后从中解析/加载HTML
- tu如何将id放在填充了json数据的html表td上
- 在HTML页面上显示node.js服务器中的数据
- 函数jquery.html()不提供数据属性集值
- 从远程站点获取数据 - HTML 表
- 如何保存和访问复选框数据 HTML
- 在下拉列表中显示保存的数据 - html 选择标签
- 避免使用jQuery显示的数据.html在页面重新加载后丢失
- 使用javascript根据元素的数据html将类附加到元素中