Javascript 可点击表格行
我有这样的结构:Javascript 可点击表格行,javascript,jquery,html,Javascript,Jquery,Html,我有这样的结构: jQuery('tr').bind('click',function(){ var p=jQuery(本); p、 children('td')。children('a')。单击(); }); A. B C D E F G 内容A1 内容B1 内容C1 内容D1 内容E1 内容F1 内容A2 内容B2 内容C2 内容D2 内容E2 内容F2 我尝试使用纯javascript解决方案。它起作用了 //jQuery('tr').bind('click',function(){
jQuery('tr').bind('click',function(){
var p=jQuery(本);
p、 children('td')。children('a')。单击();
});代码>
A.
B
C
D
E
F
G
内容A1
内容B1
内容C1
内容D1
内容E1
内容F1
内容A2
内容B2
内容C2
内容D2
内容E2
内容F2
我尝试使用纯javascript解决方案。它起作用了
//jQuery('tr').bind('click',function(){
//var p=jQuery(本);
//p.children('td')。children('a')。click();
//});
var tr=document.querySelectorAll('tr');
如果(tr){
对于(变量i=0;i
A.
B
C
D
E
F
G
内容A1
内容B1
内容C1
内容D1
内容E1
内容F1
内容A2
内容B2
内容C2
内容D2
内容E2
内容F2
以下是工作片段
jQuery('tr').bind('click', function() {
var p = jQuery(this);
p.find('td:last a')[0].click()
});
代码中的问题来自以下事实:
p.children('td').children('a')
将返回一个数组。我认为您的问题是没有取消
处理程序中事件的冒泡。然后,这会冒泡到
处理程序,从而导致它无限递归。尝试返回false在a.onclick
handler中选择code>。检查此答案非常感谢!你救了我一天:)