Trello: number cards within lists
Adds a position number before each card title within its list to make references easier.
Code to copy
// Prefix each card with its position number inside the list
function numberCards() {
document.querySelectorAll('[data-testid="list"], .js-list-content').forEach(function (list) {
const cards = list.querySelectorAll('[data-testid="card-name"], .list-card-title');
cards.forEach(function (name, i) {
const clean = name.textContent.replace(/^#\d+\s/, '');
name.textContent = '#' + (i + 1) + ' ' + clean;
});
});
}
numberCards();
const obs = new MutationObserver(function () {
obs.disconnect();
numberCards();
obs.observe(document.body, { childList: true, subtree: true });
});
obs.observe(document.body, { childList: true, subtree: true });How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- 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.