Adding a group of elements with incremented IDs

When we need a new group of elements but each must be unique on the page, this trick works well.

Getting ready

Classes define groups of elements. When making a group of radio buttons, we give them all the same NAME attribute. When making a group of elements, we give them all the same class. But what happens when we need to be able to identify members of that group individually?

How to do it...

It is necessary for each member to have its own unique ID attribute. We could generate that using String.uniqueID(); yet, sometimes an incrementing ID scheme can be helpful and easier to read.

<script type="text/javascript" src="mootools-1.3.0.js"></script> </head> <body> <form action="" method="get"> <input id="create" ...

Get MooTools 1.3 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.