Cómo hacer una sola función con variable incremental???

[benjaminvera]

La función JavaScript quedó de la siguente manera.

Código Javascript:

$(function()
{
      
    for(var i=1;i<=300;i++)
    {
        (function(i){
            $('#try-'+i).click(function(e){
                $("#sign_up"+i).lightbox_me({centered: true});
                    e.preventDefault();
                });
        })(i);
    }
            $('table tr:nth-child(even)').addClass('stripe');});
 

Y la parte del body quedó de la siguente manera....
Con estas variables definidas previamente.

Código PHP:

$d=0;++$d;
$f=0;++$f;
$g=0;++$g;
 

Código HTML:

<td>
   <div id="demo<?php echo $d++;?>">
    <A href="#" id="try-<?php echo $f++;?>" class="try sprited" ><img src="img/carpeta.png"/></A>
    <div id="sign_up<?php echo $g++;?>" style="display:none;" >
                   <div class="demo white">
 
      <?php  
              $the_array = Array(); 
              $handle = opendir("upload_DGTIC/".$rd->pro_id."/".$res->asu_id."/".$id."/."); 
              while (false !== ($file = readdir($handle))) { 
             if ($file != "." && $file != "..") { 
             $the_array[] = $file; 
             } 
              } 
              closedir($handle); 
              sort ($the_array); 
              foreach($the_array as $val){ 
             echo "<a href=\"upload_DGTIC/".$rd->pro_id."/".$res->asu_id."/".$id."/$val\" target=_blank>$val</a><br>"; 
              } 
              ?>
        <a id="close_x" class="close sprited" href="#">close</a>
                </div>  <!-- END div class="demo white"  -->
 
            </div> <!-- END div id="sign_up"  -->
    </div>   <!-- END div id="demo"  -->
</td>
    <!--  Termina carpeta buscador --------------------------   -->