如何检测Jquery单击了哪个表？
如何检测Jquery单击了哪个表？
提问于 2016-10-25 03:44:30
我有一个页面，其中包含多个具有唯一id的表，这些表由ajax调用中的数据填充。在下面的代码中，我试图找出如何检测单击按钮的最近的表，并且只向该表添加新的数据。我认为jquery的.closest()方法可以做到这一点，但无法解决如何做到这一点？这里有个小提琴，这里，有人能给我看吗？
<table id="myTable1">
<tbody>
<tr>
<td>Info</td>
</tr>
</tbody>
</table>添加数据
<table id="myTable2">
<tbody>
<tr>
<td>Info</td>
</tr>
</tbody>
</table>添加数据jquery
$(document).ready(function() {
$('a').click(function() {
$('#myTable1 > tbody > tr').append('<td>info,</td>');
});
});回答 3
Stack Overflow用户
回答已采纳
发布于 2016-10-25 03:55:10
其他答案也是正确的，但下面是另一种方法，使用非凸的方式使用数据属性来判断要与哪个表交互：
$(document).ready(function() {
$('a').click(function() {
$("#" + $(this).data("table")).find('tbody > tr').append('<td>info,</td>');
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="javascript:void(0);" data-table="myTable1">Add data</a>
<table id="myTable1">
<tbody>
<tr>
<td>Info</td>
</tr>
</tbody>
</table>
<!----ANOTHE TABLE---->
<a href="javascript:void(0);" data-table="myTable2">Add data</a>
<table id="myTable2">
<tbody>
<tr>
<td>Info</td>
</tr>
</tbody>
</table>
Stack Overflow用户
发布于 2016-10-25 03:48:30
Stack Overflow用户
发布于 2016-10-25 03:50:57
您可以将表和链接包装在div中，然后查看内部。
$('a').click(function() {
$(this).parent().find('table > tbody > tr').append('<td>info,</td>');
});使用这种方法，如果您的按钮位于<table></table>代码的上方或下面，这并不重要。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40239074
复制相关文章
![[Linux] 协程是不是我想的这样](https://ask.qcloudimg.com/http-save/yehe-2504969/v6tp6cwfjw.png)
相似问题
重新绘制()方法，而不是重新绘制JPanel
我如何才能让它不是重新绘制这个对象，而是在多个点上多次绘制它？
我如何才能使用相同的代码，而不必每次在不同的subs中重新键入它？
如何在开罗缓存绘制的曲面，并使其使用它而不是重新绘制它？
使用类的属性，而不必每次都写下它的名称
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
