AJAX come recuperare il valore esatto?

[marcopa]

Salve , da tempo cerco aiuto senza successo, forse sbaglio o chiedo troppo, spero tanto di non aver offeso qualcuno senza volerlo!!
Sto cercando di capire bene come ragiona Ajax, ho una difficoltà in questo esempio che posto nella speranza di riuscire ad avere un aiutino.
Prelevo delle immagini da mysql e le metto in evidenza, il click sul div delete mi dovrebbe dire il numero relativo dell'immagine, invece mi restituisce sempre 1.
Questo è il codice dell'estrazione.

function pubblicazioni(){     $data = new MysqlClass();$data->connetti();
$drv ='../gestione/homepage';
$query = $data->query("SELECT * FROM homepage where vid='' order by id asc");
        while($row=mysql_fetch_array($query))        {                 echo '<div class="item">'.$row['id'].'                <a href="#">                 <input type="hidden" id="id" name="id" value="'.$row['foto'].'">                <img width="120" height="80"  src="'.$drv.'/'.$row['foto'].'" title="'.$row['id'].'" /></a>';          echo '<div class="delete"></div>        </div>';         }

$data ->Disconnetti();
return ;
} 

viene richiamato al click del div delete questa parte di codice

$(document).ready(function(){        $('.item .delete').click(function(){                var elem = $(this).closest('.item');        var id = $("#id").val();                $.confirm({            'title'        : 'Conferma Cancellazione',            'message'    : 'Sei sicuro di voler cancellare ? <br />Se non sei sicuro clicca no !',            'buttons'    : {                'Yes'    : {                    'class'    : 'blue',                    'action': function(){                        alert("Elimino " +id);                        elem.slideUp();                    }                },                'No'    : {                    'class'    : 'gray',                    'action': function(){}                    }            }        });            });    }); 

Mi aspettavo che cliccando sulla seconda immagine con codice 2 mi mettesse nell'alert il codice relativo, ma niente è sempre 1, cioè carica la prima e basta, ma a video vedo correttamente le immagini numerate 1,2,3...
Mi date una mano a capire meglio?

[Alhazred]

Se il problema dici di averlo con AJAX (difatti a quanto dici PHP ti numera correttamente le immagini), perché chiedi nella sezione PHP?
Ti sposto in Javascript.

[cavicchiandrea]

<input type="hidden" id="id" name="id" value="'.$row['foto'].'"> se li chiami tutti id è normale che ti recuperi sempre il primo

Come lo vuoi fare è troppo complessa da spiegare fai cosi:

<a href="#" onclick="Delete('.$row['id'].')"><input type="hidden" id="id" name="id" value="'.$row['foto'].'"> <img width="120" height="80"  src="'.$drv.'/'.$row['foto'].'" title="'.$row['id'].'" /></a>'; 

<script>
function Delete(id){
$.confirm({'title': 'Conferma Cancellazione','message':'Sei sicuro di voler cancellare ? <br />Se non sei sicuro clicca no !', 'buttons': {'Yes': {'class': 'blue','action': function(){alert("Elimino " +id);elem.slideUp();}},'No'  : {'class': 'gray','action': function(){}                    }            }        });            });
}
</script>

[marcopa]

grazie per la risposta, ma ho visto che poi il funzionamento mi crea ancora più problemi, dopo la cancellazione devo inviare i dati
ad altro script php per cancellare anche il database, quindi devo cambiare tutto!
grazie ancora.