jquery - jQuery为相同的类创建点击功能

Question

例如，如果我想在单击时为 css 类“more-link”创建一个 jQuery 函数，但是页面上有多个“more-link”实例，我如何强制 jQuery 只在点击类，而不是其他类。

Answer 1

$('element').click(function(){
  $(this).animate({
  //scope is ONLY the element clicked
  });
  $('element').animate({
    //this wi ll animate ALL elements matching the selector. Not what you want.
  });
});

对于找到此答案的任何人，作者实际上都想要这个。

$('.read-more').click(function(){
  var me = $(this);
  $(this).prev('p').animate({
     height: '100%'
  }, function(){
     //lost $(this) scope...me still holds it, we use it below for a reason.
     $(me).fadeOut(400);
     $(me).next('.hide_post-content').delay(400).fadeIn();
  });  
});    

Answer 2

在 jQuery 中，$(this)指的是被点击的元素：

$('.more-link').on('click', function() {
  $(this).animate(...);
});

你$('.more-link')是不小心使用的吗？