Question

我有一个外观的HTML，我想点击任意<a>元素，它会添加类active。

首先，我有元素：<div id="listURL"></div>。点击按钮获取后，它将重新加载并添加Ajax认为的列表<a></a>。

我尝试使用示例代码：

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

.active {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="listURL">
  <a>Link 1</a>
  <a>Link 2</a>
  <a>Link 3</a>
  <a>Link 4</a>
</div>

Answer 1

为动态添加的元素使用委派事件：

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

Answer 2

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

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

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

2 个答案: