jquery create a unique id

Question

hello, i have this code

$(document).ready(function() {
     $('a.menuitem').click(function() {
   var arr = 0;
   var link = $( this ), url = link.attr( "href" );
   var newDiv = $( document.createElement( 'div' ) )
   $( "#content_pane" ).append( newDiv );
   newDiv.load( url );
   return false;
  });
 });

As you can see i am creating a div and adding some content to it, how would i give each dic that is created a unique id, something section1 section2 section3 etc?

Answer 1

Just use a counter:

var section = 1;
$(function() {
  $("a.menuitem").click(function() {
    ...
    $("<div></div>").attr("id", "section" + section++).appendTo("#content_pane");
    ...
    return false;
  });
});

Also, I'd suggest creating the element as per above.

Answer 2

If a counter, as cletus has shown, is not sufficient, then there is a jQuery UUID plugin available (but this is probably overkill).

Answer 3

You shouldn't need to do this. If you can store the id in a variable, you could store the element itself (well, a reference to the element) in a variable too.