Elenco rotazione JQuery

Sto cercando di ruotare un elenco di elementi (cioè:) in una tabella. Quello che sto cercando di fare è avere il primo elemento rimosso e un elemento aggiunto alla fine della tabella. Sono in grado di get il primo elemento rimosso, ma sono bloccato a come posso costantemente ripetere questo each 10 sec. Forse, guardando il codice darà un'idea migliore.

codice:

$num_ads = 0; if (isset($ads[0])) { foreach($ads as $row) { ... ... echo '<td class="featured_ads_td" id="featured_'.$num_ads.'">'; ... ... $num_ads++ } } 

Quindi quello che ho fatto è che ho dato a ciascuno degli elementi della tabella un id unico. In questo caso il primo elemento sarà featured_0, seguito da featured_1, featured_2..etc

Javascript

 <script src="/jquery-latest.min.js"></script> <script type="text/javascript"> var ad_refresh = setInterval(function(){ $('#featured_0').fadeOut('slow'); $('#featured_0').attr('id','removed'); }2000); </script> 

Utilizzando questo script in basso rimuoverò il mio primo elemento. Ma c'e 'comunque come posso fare il primo articolo featured_0 in modo da poter riprendere questo each 2sec? Oppure, se c'è un modo migliore per farlo, per favore fathemes sapere. La mia conoscenza di javascript e jquery è ancora molto limitata.

Grazie per l'aiuto.

Se ho capito bene la tua domanda, qualcosa su questa linea vi permetterà di svanire l'elemento e posizionarlo dopo i restanti:

Vedi questo esemplare di lavoro !

jQuery

 var ad_refresh = setInterval(function(){ var $target = $('.featured_ads_td:first-child'); $target.fadeOut('slow', function() { $target.appendTo('tr').show(); }); },2000); 

@Lawrance, puoi fare qualcosa di simile: http://jsfiddle.net/estevao_lucas/usXba/

L'unica cosa che ho fatto è stato clonare e rimuovere il primo elemento e poi appendere alla tabella di nuovo.