seperate class for each child
===

I'm stuck on something I hope you might be able to help me with. 
I'm using a plugin for a slider on wordpress and need control over each thumbnail.
I want to add a unique ID to each child element within a div so I can style it using css.


Here is what the code looks like: 

    <div class="royalControlNavCenterer">
      <a class="current" href="#">1</a>
      <a href="#">2</a>
      <a href="#">3</a>
      <a href="#">4</a>
      <a href="#">5</a>
    </div>

As you can see a current class is already added by the plugin. What i'm looking for is to similarly, dynamicly add a class to each <a> element so it would look as followed:

    <div class="royalControlNavCenterer">
      <a id="1" class="current" href="#">1</a>
      <a id="2" href="#">2</a>
      <a id="3" href="#">3</a>
      <a id="4" href="#">4</a>
      <a id="5" href="#">5</a>
    </div>

This way I can style each thumbnail seperatly which is needed for my design. I figured Jquery would be the best option for this but I'm open for any suggestions.

Any help is greatly apriciated!
Jason.
