Generate IDs for headings in JS

22.05.2022 - 18:58

til

Source: https://css-tricks.com/on-adding-ids-to-headers/

// Adjust this for targetting the headers important to have IDs
const $headers = $(".article-content > h2");

$headers.each((i, el) => {
  const $el = $(el);

  // Probably a flexbox layout style page
  if ($el.has("a").length != 0) {
    return;
  }

  let idToLink = "";

  if ($el.attr("id") === undefined) {
    // give it ID
    idToLink = "header-id-" + i;
    $el.attr("id", idToLink);
  } else {
    // already has ID
    idToLink = $el.attr("id");
  }
});