Javascript 动态表中的事件单击

Javascript 动态表中的事件单击,javascript,jquery,html,Javascript,Jquery,Html,我有一个动态表,当我单击“添加”时,它总是会添加一些字段和两个操作,一个要更改,另一个要删除,所以当我单击这些操作时,我想触发一个jquery事件,但当这些行被动态添加时,这不起作用,只有当我静态地放置它们时才起作用(红色)当我这样做时,我的动态线与静态线具有相同的效果 $(文档).ready(函数(){ $('.btnAlterarContato')。单击(函数(){ 警报(“点击更改”); 返回false; }); $('.btnRemoverContato')。单击(函数(){ 警报(“

我有一个动态表,当我单击“添加”时,它总是会添加一些字段和两个操作,一个要更改,另一个要删除,所以当我单击这些操作时,我想触发一个jquery事件,但当这些行被动态添加时,这不起作用,只有当我静态地放置它们时才起作用(红色)当我这样做时,我的动态线与静态线具有相同的效果

$(文档).ready(函数(){
$('.btnAlterarContato')。单击(函数(){
警报(“点击更改”);
返回false;
});
$('.btnRemoverContato')。单击(函数(){
警报(“更改中删除”);
返回false;
});
$('#btnADD')。单击(函数(){
var newRow=$(“”);
var cols=“”;
cols+='';
cols+=''
cols+=''
cols+='';
newRow.append(cols);
$(“#contatos”).append(newRow);
});
});

添加
Ações
您需要使用

说明:-

上述代码可以工作,因为它向父级添加了事件侦听器 元素,将为与选择器匹配的所有子体激发, 这些后代是现在存在还是将来添加。

你需要使用

说明:-

上述代码可以工作,因为它向父级添加了事件侦听器 元素,将为与选择器匹配的所有子体激发, 这些后代是现在存在还是将来添加。


问题如下:

静态标记位于同一个DOM引用中,而动态添加的标记位于其他引用DOM中

使用jquery

例:

或者使用事件onclick-in标记调用函数

<a style="color:red;" class='btnRemoverContato btnPadraoTabela' href="" onclick="nameFunction()"> Remover</a>

function nameFunction(){
//your code here
}

函数名函数(){
//你的代码在这里
}

sry my english:D

问题如下:

静态标记位于同一个DOM引用中,而动态添加的标记位于其他引用DOM中

使用jquery

例:

或者使用事件onclick-in标记调用函数

<a style="color:red;" class='btnRemoverContato btnPadraoTabela' href="" onclick="nameFunction()"> Remover</a>

function nameFunction(){
//your code here
}

函数名函数(){
//你的代码在这里
}

sry my english:D

@BrunoAparecidodaSilva之所以有效,是因为您正在将事件挂接到文档(适用于与所选内容匹配的任何元素),而不是执行脚本之前必须存在的特定元素。@BrunoAparecidodaSilva之所以有效,是因为您正在将事件挂接到文档(适用于与选择匹配的任何元素),而不是在执行脚本之前必须存在的特定元素。
<a style="color:red;" class='btnRemoverContato btnPadraoTabela' href="" onclick="nameFunction()"> Remover</a>

function nameFunction(){
//your code here
}