jQuery: One fancybox gallery for each unordered list of links -

in page in have 2 or more unordered lists of links @ each link links image.

as these unordered lists generated database fancybox make 1 gallery each unordered list. hve idea how put same rel attribute links of each list of jquery?

it looks this:

<ul> <li><a href=""><thumb img/></a></li> <li><a href=""><thumb img/></a></li> <li><a href=""><thumb img/></a></li> </ul>  <ul> <li><a href=""><thumb img/></a></li> <li><a href=""><thumb img/></a></li> <li><a href=""><thumb img/></a></li> </ul> 

but should of jquery this:

<ul> <li><a rel="gallery1" href=""><thumb img/></a></li> <li><a rel="gallery1" href=""><thumb img/></a></li> <li><a rel="gallery1" href=""><thumb img/></a></li> </ul>  <ul> <li><a rel="gallery2" href=""><thumb img/></a></li> <li><a rel="gallery2" href=""><thumb img/></a></li> <li><a rel="gallery2" href=""><thumb img/></a></li> </ul> 

i managed this:

<ul> <li><a rel="gallery1" href=""><thumb img/></a></li> <li><a rel="gallery2" href=""><thumb img/></a></li> <li><a rel="gallery3" href=""><thumb img/></a></li> </ul>  <ul> <li><a rel="gallery4" href=""><thumb img/></a></li> <li><a rel="gallery5" href=""><thumb img/></a></li> <li><a rel="gallery6" href=""><thumb img/></a></li> </ul> 

with code:

$("ul a").attr(    "rel", function( index ){       return( "gallery" + (index + 1) );     } ); 

but doesn't me. :(

try code:

$("ul").each(function(index, element) {     $(this).find("li").find("a").attr("rel","gallery"+(index+1)); });