Rewrite heading permalink code to use vanilla JS

mmistakes · Feb 7, 2021 · 116e29a · 116e29a
1 parent 215f73f
commit 116e29a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/assets/js/_main.js b/assets/js/_main.js
@@ -122,15 +122,15 @@ $(document).ready(function() {
   });
 
   // Add anchors for headings
-  $('.page__content').find('h1, h2, h3, h4, h5, h6').each(function() {
-    var id = $(this).attr('id');
+  document.querySelector('.page__content').querySelectorAll('h1, h2, h3, h4, h5, h6').forEach(function(element) {
+    var id = element.getAttribute('id');
     if (id) {
       var anchor = document.createElement("a");
       anchor.className = 'header-link';
       anchor.href = '#' + id;
       anchor.innerHTML = '<span class=\"sr-only\">Permalink</span><i class=\"fas fa-link\"></i>';
       anchor.title = "Permalink";
-      $(this).append(anchor);
+      element.appendChild(anchor);
     }
   });
 

diff --git a/assets/js/main.min.js b/assets/js/main.min.js