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')誤って使用していましたか？