jQuery addClass example

Change class name on click in jQuery

by Arup Rakshit

HTML

<div class='sharewpopup'>
  <a class='fb'>Share to Facebook</a>
</div>

<!--POST 1-->
<div class='post'>
  <h2 class='title'><a href='#LINK1'>POST TITLE 1</a></h2>
  <a class='share' href='#'>Share</a>
</div>

<!--POST 2-->
<div class='post'>
  <h2 class='title'><a href='#LINK2'>POST TITLE 2</a></h2>
  <a class='share' href='#'>Share</a>
</div>

JavaScript

var $fbLink = $('.sharewpopup .fb');

$('.share').on('click', function(e) {
  var $link = $(this).closest('.post').find('.title a');
  $fbLink.attr('href', $link.attr('href'));
})