← All examples

JavaScript Developer & QA wp-admin

Show post IDs in the list

Appends the numeric ID next to every post title in the list, handy for shortcodes, links and debugging.

Code to copy

document.querySelectorAll('tr[id^="post-"]').forEach(function (row) {
  var id = row.id.replace('post-', '');
  if (!id || row.querySelector('.jz-post-id')) return;
  var title = row.querySelector('.row-title');
  if (!title) return;
  var tag = document.createElement('span');
  tag.className = 'jz-post-id';
  tag.textContent = ' #' + id;
  tag.style.cssText = 'color:#787c82;font-weight:400;font-size:12px;';
  title.appendChild(tag);
});

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. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

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