Remove group of divs "Clones" in jquery

Question

Remove group of divs "Clones" in jquery

Navigation

#1 by (0 votes)

-3

I have a group of divs that can be cloned in jquery, I need to click on "in the bin image with delete id" remove the divs cloned when clicked ...

Follow the code ..

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
       $(document).ready(function() {

            $("#duplicar").click(function() {
            linha = $("#copia").html();
            $("#base").append("<br />"+linha+"<br />");
            });

        });
    </script>

        <div id="base">
        <div id="copia">
        <form class="questoes">
            <input type="text" name="pergunta" placeholder="Pergunta"><!-- Campo de pergunta-->

            <select><!-- Campo de opções -->
                <option>Resposta Curta</option>
                <option>Parágrafo</option>
                <option>Múltipla Escolha</option>
                <option>Caixas de Seleção</option>
            </select>
        </form><br>

        <form class="resposta"><!-- Campo de resposta-->
            <input type="text" name="resposta">
        </form><br>

        <div class="barra-inferior">

             <div class="area-obrigatorio">
                <label class="obrigatorio" for="obrigatorio"><strong>OBRIGATÓRIA</strong></label>
                <input type="checkbox" name="obrigatorio" id="obrigatorio">
             </div>
             <div class="area-botoes" >
                <img src="img/Defult Text.png" class="dublicar" id="duplicar">
                <img src="img/delete_remove_bin_icon-icons.com_72400.png" class="excluir" id="excluir">
            </div>
        </div>
        </div>
        </div>

javascript html jquery

asked by anonymous 17.09.2017 / 21:42

1 answer

Bubble sort improved [closed] How to ignore PHP errors?

score 0 · Answer 1

Try to do this:

<script>
 $(document).ready(function() {
    $("#duplicar").click(function() {
        // coloca um id e uma classe para cada div copiada 
        var id = +(new Date());
        $clone = $("#copia").clone();
        $clone.attr('id', 'copia-'+id).addClass('div-copia');
        $("#base").append("<br />"+$clone+"<br />");
    });

    // no click do excluir você procura pelo elemento pai e o remove
    $(document).on('click', '.excluir', function(event) {
        event.preventDefault();
        var $this = $(this),
            $div = $this.parent('.div-copia');
        $div.remove();
      });
   });
 </script>