Best way to add metadata to HTML elements

Question

I\'m trying to put together a way of marking up various components in HTML that get parsed by a jQuery script and created when the page loads.

For example, at the moment

Answer 1

One could also use classes for this sort of thing.

You will have to pre define a lot of classes, but it doesn't feel too much different than handling each key value pair that you have to create.