Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jquery中获取html表的行数据?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何在jquery中获取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) {

我使用这个ans,它工作正常,但我的问题是,在td中,我有两个按钮(编辑和删除)点击编辑功能工作。但是我的删除按钮没有删除数据bcz buttonclk事件没有运行此函数的bcz。请推荐一些答案。

jquery选择器“$()”只选择第一个匹配的元素,而使用“.find(*)”函数。

如果您发布了html,回答起来会更容易,但我猜它看起来是这样的:

$("#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) { 
    ...
}