← All examples

Action Navigation stackoverflow.com

Stack Overflow: number the answers

Adds a visible index number at the start of each answer, making it easy to reference them in comments.

Code to copy

/* Prefix every answer with a visible index number */
(function () {
  function number() {
    document.querySelectorAll('#answers .answer').forEach(function (a, i) {
      if (a.dataset.sofNum) return;
      a.dataset.sofNum = '1';
      var cell = a.querySelector('.answercell .js-post-body') || a.querySelector('.answercell');
      if (!cell) return;
      var tag = document.createElement('div');
      tag.textContent = '#' + (i + 1);
      tag.style.cssText = 'font-weight:700;font-size:13px;color:#6a737c;margin-bottom:6px;';
      cell.insertBefore(tag, cell.firstChild);
    });
  }
  number();
  new MutationObserver(number).observe(document.body, { childList: true, subtree: true });
})();

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases