Skip to main content
Alterado título da pergunta e adicionado tag "jquery"
Link
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Pegar variavel php para jquery dinamicamente Trabalhar com elementos no DOM gerados por um loop PHP

Fonte Link

Pegar variavel php para jquery dinamicamente

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...');    
        });
     });