fade su una serie di div

[francescocorr]

Salve a tutti, dovrei creare un effetto fade su una serie di div.

Siccome questi div sono generati dinamicamente non ne conosco il numero e vorrei tramite js capire quanti div sono e poi quindi assegnargli la proprietà fade.

Vi posto un pò di codice per farvi capire cosa sto facendo.

    <div id="list">
        <?php
                $i=0;
                foreach($this->list as $row){ ?>
                    <div id="doc<?php echo $i; ?>" class="doc">[img]<?php echo $this->baseUrl().'/images/'.$row.'.jpg'; ?>[/img] </div>
                <?php
                    $i++;
                }
        ?>
    </div>

Come potete intuire dal codice nella view mi viene passata una lista di documenti e tramite un foreach li impagino. Adesso vorrei capire quanti sono questi elementi.

Potrei farlo tramite un form ma dovrei aggiungere altri elementi input e poi un form.
Volevo sapere se è possibile contare il numero di div interni al div "list".

Ho fatto in questo modo ma mi restituisce 1

        var n = $('#list').length;
        var n1 = $('#list').children().size();

Come posso fare?

Poi qualcuno mi può suggerire la proprietà che fa spostare un elemento da una parte all'altra della pagina?
Come esempio potremmo pensare ad un carrello elettronico, quando clicco sull'oggetto e lo inserisce nel carrello, questo oggetto si muove e va verso il carrello.

Purtroppo non sono riuscito a trovare molto a riguardo.

Grazie
Frank

[cavicchiandrea]

Per capire quanti div hai puoi fare cosi $('.doc').length poi per fare lo spostamento l'operazione si complica potresti usare un each sempre sulla classe doc e animate per spostarlo documentati su jquery

[francescocorr]

Grazie per il suggerimento.

Dopo guardo un pò la documentazione jquery, pensavo fosse un effetto specifico.

Frank