Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.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 如何将活动类添加到onclick元素?_Javascript_Jquery - Fatal编程技术网

Javascript 如何将活动类添加到onclick元素?

Javascript 如何将活动类添加到onclick元素?,javascript,jquery,Javascript,Jquery,我有一个HTML的外观,我想点击任何元素,它将添加类活动 首先,我有一个元素:。单击按钮Fetch后,它将重新加载并添加Ajax认为的列表 我尝试使用示例代码: $(函数(){ $('#listURL')。查找('a')。单击(函数(){ $('#listURL').find('a').removeClass('active'); $(this.addClass('active'); }); }); .active{ 颜色:红色 } 链接1 链接2 链接3 链接4 我认为您正在尝试向当前元素

我有一个HTML的外观,我想点击任何
元素,它将添加类
活动


首先,我有一个元素:
。单击按钮Fetch后,它将重新加载并添加Ajax认为的列表

我尝试使用示例代码:

$(函数(){
$('#listURL')。查找('a')。单击(函数(){
$('#listURL').find('a').removeClass('active');
$(this.addClass('active');
});
});
.active{
颜色:红色
}

链接1
链接2
链接3
链接4

我认为您正在尝试向当前元素添加活动元素,并删除其他活动元素

$(function(){
    $('#listURL a').click(function(event) {
        $(this).addClass('active').siblings().removeClass('active');
      });
  })

对动态添加的元素使用委派事件:

$(function() {
  $('#listURL').on("click", "a", function() {  
    $(this).addClass('active').siblings().removeClass('active');
  });
});

请粘贴你的htmlcode@whoami对不起,我补充道,有什么问题吗?似乎对我有用…首先,我有元素:
。单击按钮Fetch后,它将重新加载并添加Ajax所认为的列表
。这根本不是重新加载。您需要在创建元素后添加单击处理程序,或者使用委托事件。在这一页上向下滚动一点来解释:你是对的,@yezzz建议的是好的。再次感谢。您使用的是css路径,而不是委派事件,它可以用于捕获动态添加内容上的事件(OP对此并不清楚)。阅读: