¿es posible usar pestañas sin usar la etiqueta de anclaje y la identificación?

Question

me gustaría generar pestañas dinámicas. por lo que las etiquetas de anclaje no tendrán id. también las etiquetas div no tendrán identificación.

esto es lo que trato de hacer, pero no funciona.

<script> 

     $(function() { 
      $("#tabs").tabs(); 

      $("#tabs ul.super li a").each(function (index) { 
       $(this).click(function() { 
        $("#tabs").tabs("select", index); 
       }); 
      }); 
     }); 

    </script> 
    <div id="tabs"> 
     <ul class="super"> 
      <li><a>title 1</a></li> 
      <li><a>title 2 </a></li> 
     </ul> 
     <div> 
      content1 
     </div> 
     <div> 
      content2 
     </div> 
    </div> 

¿Cómo puedo hacer que funcione así?

Answer 1

Es el código de Workind. Dynamicaly añadir pestaña de y es

<div id="tabs"> 
    <ul class="super"> 
     <li><a>title 1</a></li> 
     <li><a>title 2 </a></li> 
    </ul> 
    <div> 
     content1 
    </div> 
    <div> 
     content2 
    </div> 
</div> 
<script> 
    $(function() { 
     $("#tabs ul.super li a").each(function (index) { 
      $(this).attr("href", "#spec" + index.toString());    
     }); 
     $("#tabs div").each(function (index) { 
      $(this).attr("id", "spec" + index.toString()); 
     }) 
     $("#tabs").tabs(); 
    });  
</script> 

Answer 2

Usando el código de la Nuri Yilmaz anterior, aquí se trata de un plugin de jQuery pestañas que hacen uso de ninguna identificación en todo:

/** 
* use: 
* 
* <div class="myTab"> 
*  <ul class="super"> 
*   <li><a>Tab label</a></li> 
*   ... some more tab lables 
*  </ul> 
*  <div class="tab_el">some content</div> 
*  ... some more div.tab_el 
* </div> 
* 
* <script> 
*  $('div.myTab').noIdTab(); 
* </script> 
*/ 


(function($){ 

    $.fn.noIdTab = function() { 

     this.each(function(){ 

      var rand = 'spec' + (new Date()).getTime() + Math.floor((Math.random()*25)+65); 

      $(this).find('ul.super li a').each(function (index) { 
       $(this).attr("href", "#" + rand + index.toString());    
      }); 

      $(this).find('div.tab_el').each(function (index) { 
       $(this).attr("id", rand + index.toString()); 
      }); 
      $(this).tabs(); 

     }); 
    }; 
})(jQuery);