javascript - 使用 $(this) 获取被点击的元素

Question

嘿，我有这个愚蠢的问题，我希望你能帮我解决它。我有一些“a”元素，我只想在单击时添加一个事件类。

我试过这个:

<a href="javascript:mifunction()"></a>

js:
function mifunction(){
 $(this).addClass('active');
}

但它不起作用，所以我尝试了这个:

<a></a>

js:
$('a').click(function() {
  $(this).addClass('active');               
});

也不行。当我混合两者时它才起作用。但是用户必须双击该元素，这不是一个选项:

<a href="javascript:mifunction()"></a>
js:

function mifunction(){
 $('a').click(function() {
   $(this).addClass('active');              
 });
}

你知道如何解决这个问题吗？

非常感谢!

Answer 1

它在这里与你的第二个例子一起工作:

• >

  Demo

可能您需要将 jQuery 代码包装在 :

$(function() {

  $('a').click(function() {
     $('a.active').removeClass('active'); // you may also want to remove previous
     $(this).addClass('active');               
  });

});

还要确保在 HTML 中包含 jQuery 库路径:

<script type="text/javascript" src="/path/jQuery.min.js"></script>

或:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

编辑:

(动态添加链接)

$(function() {

  $('a').on( 'click', function() {
     $('a.active').removeClass('active'); // you may also want to remove previous
     $(this).addClass('active');               
  });

});