Javascript 如何在jquery中获取html表的行数据?
我使用这个ans,它工作正常,但我的问题是,在td中,我有两个按钮(编辑和删除)点击编辑功能工作。但是我的删除按钮没有删除数据bcz buttonclk事件没有运行此函数的bcz。请推荐一些答案。jquery选择器“$()”只选择第一个匹配的元素,而使用“.find(*)”函数。如果您发布了html,回答起来会更容易,但我猜它看起来是这样的:Javascript 如何在jquery中获取html表的行数据?,javascript,jquery,html,Javascript,Jquery,Html,我使用这个ans,它工作正常,但我的问题是,在td中,我有两个按钮(编辑和删除)点击编辑功能工作。但是我的删除按钮没有删除数据bcz buttonclk事件没有运行此函数的bcz。请推荐一些答案。jquery选择器“$()”只选择第一个匹配的元素,而使用“.find(*)”函数。如果您发布了html,回答起来会更容易,但我猜它看起来是这样的: $("#tblTest td:nth-child(3) a").click(function (event) {
$("#tblTest td:nth-child(3) a").click(function (event) {
event.preventDefault();
var $td = $(this).closest('tr').children('td');
document.getElementById('id').value = $td.eq(0).text();
document.getElementById('AppName').value = $td.eq(1).text();
});
...
编辑
删去
jQuery选择器正在第三个元素中查找all-tag。然后该函数调用event.preventDefault()。问题是,当您只想匹配“编辑”按钮时,就匹配了这两个按钮。一个简单的解决方案是将一个类添加到编辑按钮,然后将该类添加到选择器,这样该函数只针对编辑按钮触发。这就是我解决问题的方法:
<table id="tblTest">
...
<td> <!-- this is the third td in #tblTest (#tblTest td:nth-child(3)) -->
<a ...>Edit</a>
<a ...>Delete</a>
</td>
</table>
...
编辑
删去
//现在将只触发编辑按钮。
$(“#tblTest td:n子级(3)a.edit_按钮”)。单击(函数(事件){
...
}
当你向陌生人寻求帮助时,请尽力写出完整的单词。你是否也可以共享表结构?你如何确定你的另一个处理程序没有因为这个处理程序而触发?是否有任何错误?否,我没有收到任何错误。单击事件不起作用..单击“删除”按钮,我必须调用一个节点删除record@Reason:您的代码现在可以删除,但单击“编辑”按钮时,我的表td数据未绑定到文本框。如果我删除该类,则“编辑”可以删除,但“删除”不起作用…请提出建议
<table id="tblTest">
...
<td>
<a ... class="edit_button">Edit</a> <!-- add class to edit button. -->
<a ...>Delete</a>
</td>
</table>
// will now only trigger for the edit button.
$("#tblTest td:nth-child(3) a.edit_button").click(function (event) {
...
}