Categories: DevelopmentJavascript

Javascript Life Saver of the Week – uniqueID

Simple way to make sure you are assigning unique IDs to a series of elements.

    

  1. 
var seedNum = 1;

    2. 

  2. 
function uniqueID(myKey, seedNum){

    3. 

  3.      var key = myKey + seedNum;

    4. 

  4.      if (document.getElementById(key) != null){

    5. 

  5.          return uniqueID(myKey, ++seedNum);

    6. 

  6.      }

    7. 

  7.      else{

    8. 

  8.          return key;

    9. 

  9.      }

    10. 

  10.  }

    11.

USAGE

    

  1. uniqueID('state-',seedNum);

    2.

If you want to do IETF RFC-4122 compliant Universally Unique Identifiers (UUID), checkout Pure UUID.

Seems to be all about unique IDs this week ;)

Enjoy coding…

Alex

I am a full-stack developer. I love programming,  design and know my way around server architecture as well.  I would never feel complete, with one of these missing. I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest. Apart from that, I am a peace loving guy who tries to have people around him that think the same.  I truly believe in the principle: “If you help someone, someone will help you, when you need it."

Leave a Comment
Published by
Alex
7 years ago

Recent Posts

B&B / Hotel Booking Solutions for WordPress | 2024

BOOKING SOLUTIONS 202x This is my take on a subset of booking, appointment, PMS or… Read More

4 weeks ago

WordPress Cron + WP-CLI + Ntfy

THE GOAL Create a system cron for WordPress, that is accessible and can be easily… Read More

2 months ago

2024 is here and now :)

2024, what's cooking? Slowly getting into the 2024 spirit. 3 projects coming to a close… Read More

4 months ago

2023 ends and whats next !

Short look back at 2023 This has been a busy and interesting year. I am… Read More

4 months ago

cubicFUSION Grid Tweaker – Elementor Grid made easy.

Elementor Pro provides grid containers as an experimental feature. The options provided are limited, when… Read More

5 months ago

Archaeology Travel Booth – Travel Innovation Summit 2023

Archaeology Travel is an online travel guide for people who enjoy exploring the world’s pasts.… Read More

6 months ago