jQuery addClass example

Change class name on click in jQuery

by poselab

HTML

<link rel="stylesheet" href="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/css/fontawesome.min.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
<div style="width:200px">
<a href="document.pdf">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed </a>
</div>

CSS

a[href$=".pdf"]:after {
  content: "\00a0\f1c1";
  font-family: "Font Awesome 5 Pro";
}

JavaScript

$(document).ready(function () {
  $("a[href$=\".pdf\"]").each(function () {
    var endspace = /\s$/;
    if (endspace.test($(this).html())) {
      var linktx = $(this).html().replace(/\s*$/, "");
      $(this).html(linktx);
      $(this).after(" ");
    }
  });
});