none
JQuery append com função RRS feed

  • Pergunta

  • Olá,

    Tenho uma função que adiciona um link em uma div. E outra função que deve ser chamada pelo link adicionado pela primeira função.

    Quando adiciono o link direto pelo HTML a segunda função funciona normalmente, mas pelo link adicionado pela primeira função, não funciona.

    Segue o código.

        //Primeira Função: Adiciona o Link na div
        $(function () {
            $('#bl').click(function () {
                $('#dvTeste').html('<a href="#" class="lt">Remove teste adicionado</a>');
                return false;
            });
        });
    
    
        //Segunda Função: Remove a div
        $(function () {
            $('.lt').click(function () {
                $('#dvTeste').remove();
                return false;
            });
        });

    O Html:

            <a href="#" id="bl">Adiciona teste</a>
    
            <div id="dvTeste">
                <a href="#" class="lt">Remove teste</a>
            </div>
    Desde já, grato pela colaboração.

    quinta-feira, 4 de setembro de 2014 21:54

Todas as Respostas

  • <body>
        <a href="#" id="bl" onclick='adicionaDiv()'>Adiciona teste</a>
    
        <div id="dvTeste">
          
        </div>
    
    <script type="text/javascript">
    
    
    function adicionaDiv() {
       //ADICIONANDO O <A></A> NA DIV
       $('#dvTeste').html('<a href="#" class="lt"onclick="removeDiv()">Remove teste adicionado</a>');            
    
    }
    
    function removeDiv() {
       //LIMPANDO O CONTEÚDO DA SUA DIV
       $('#dvTeste').html("");
    }
    </script>
    </body>

    Olá Saulo,

    No seu caso você está 'matando' a 'dvTeste' pois da um REMOVE nela e logo após tenta adicionar o link dentro da mesma que já não existe...

    Espero ter ajudado!

    domingo, 7 de setembro de 2014 02:30