Como eu faço quando o php fizer um loop tendo vários formulários tipo assim
<form url="deletar_convidado.php" method="post" id="reg-form_3<?php echo $i_content ?>" autocomplete="off" style="border:none; float:left; width:50px">
<input type="hidden" name="i_content" id="i_content" value="<?php echo $i_content ?>">
<input type="hidden" name="auxiliar_evento_usuarioss" id="auxiliar_evento_usuarioss" value="<?php echo $produto["auxiliar_evento_usuario"] ?>">
<input type="hidden" name="deletar_convidado" id="deletar_convidado" value="<?php echo $row_convidado['id']; ?>">
<button class="btn btn-info lista_convidado_1" type="submit"><i class="entypo-cancel-circled"></i></button>
</form>
<div id="form-content_2<?php $i_content++; echo $i_content; ?>" style="clear:both;"></div>
perceba que ali reg-form_3 e também **form-content_2"**criei para que eu possa excluir os arquivos quando estiver em loop.
estou fazendo assim, funciona apenas no primeiro registro do Loop php, o restante nao funciona
$(document).on('click', '#reg-form_3'+$("#i_content").val(), function(e){
e.preventDefault();
$.ajax({
url: 'deletar_convidado.php',
type: 'POST',
data: $(this).serialize()
})
.done(function(data){
alert($("#i_content").val());
$('#form-content_2'+$("#i_content").val()).fadeOut('slow', function(){
$('#form-content_2'+$("#i_content").val()).fadeIn('slow').html(data);
});
})
.fail(function(){
alert('Ajax Submit Failed deletar convidado...');
});
});