如何检测Jquery单击了哪个表？
如何检测Jquery单击了哪个表？
提问于 2016-10-25 11: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 11: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 11:48:30
Stack Overflow用户
发布于 2016-10-25 11: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
复制相关文章
相似问题
腾讯云开发者
