← All examples

JavaScript Developer & QA aliexpress.com

AliExpress: show the product item ID

Attaches a small badge with the numeric item ID to each product card, handy for analysis.

Code to copy

// Show the numeric item ID as a small badge on each product card
function tagItemIds() {
  document.querySelectorAll('a[href*="/item/"]').forEach(function (a) {
    if (a.dataset.jzIdShown) { return; }
    const m = a.getAttribute('href').match(/\/item\/(\d+)/);
    if (!m) { return; }
    const tag = document.createElement('span');
    tag.textContent = 'ID ' + m[1];
    tag.style.cssText = 'display:inline-block;font:11px monospace;background:#222;color:#fff;padding:1px 5px;border-radius:3px;margin:2px;';
    a.appendChild(tag);
    a.dataset.jzIdShown = '1';
  });
}
tagItemIds();
const obs = new MutationObserver(tagItemIds);
obs.observe(document.documentElement, { 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. 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