javascript - 如何在文档准备好后按添加的类名选择元素?

标签 javascript jquery

<分区>

我正在尝试通过我在 jQuery 中添加的类名来定位一个元素。如果我添加一个新元素,这似乎工作正常,但我无法让新事件绑定(bind)到 DOM 中已经存在但已更改的元素。

我做错了什么?

$(document).ready(function(){  
$(".activateRow").on("click",function(){
     $(this).text('Deactivate').addClass('deactivateRow btn-danger').removeClass('activateRow btn-success');
     $(this).parent().parent().removeClass('inactiveRow');
 });

$(".deactivateRow").on("click",function(){
    $(this).text('Activate').removeClass('deactivateRow btn-danger').addClass('activateRow btn-success');
    $(this).parent().parent().addClass('inactiveRow');
});

 })

最佳答案

要绑定(bind)到新元素,请使用委托(delegate):

$(document.body).on("click", ".deactivateRow", function(){

关于javascript - 如何在文档准备好后按添加的类名选择元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16797516/

相关文章:

javascript - 无法访问外部函数中的变量

没有全局标志的 Javascript 正则表达式奇怪匹配

javascript - 解析 Adob​​e InDesign 的 HTML 文本——其他标签内的标签

javascript - 在 ionic 2 中不同祈祷时间播放声音

javascript - 如何为附加元素提供 id?

jQuery 验证远程 ajax 规则错误与验证

javascript - 想要将 h1 更改为用户在单击提交按钮后在输入框中输入的文本

javascript - 获取 <td> 的 html

php - 在哪里将自定义PHP和JQuery代码放在Wordpress上?

javascript - 元素相对于视口(viewport)的位置