Jump to content


Photo

Clonar elemento com Jquery

Js Javascript Jquery clonar imagem

  • Faça o login para participar
1 reply to this topic

#1 shogun89

shogun89

    Normal

  • Usuários
  • 91 posts
  • Sexo:Masculino
  • Localidade:marilia

Posted 08/10/2015, 15:23

tenho 3 imagens e preciso clonar cada uma para um lugar diferente.
Estou varrendo o elemento pai, pegando as imagens e jogando aonde eu quero. Porém estou jogando todas as 3 dentro de cada elemento e na verdade preciso de 1 imagem em cada um, ou seja, preciso clonar uma imagem de cada vez para o seu destino final .... 

O que fiz de errado?
     

$('#box-demo-overlay .box-item').each(function(index, value) {
        var item = $(this).children('.item').children('img'),
            itemPagination = $(this).parent().parent().next('.box-controls').children('.box-pagination').children('.box-page').children('span');
 
            item.clone(true).prependTo(itemPagination);
    } 


#2 Danilomaru

Danilomaru

    Ativo

  • Moderadores
  • 300 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 17/10/2015, 01:55

coloque isso

 $('#box-demo-overlay .owl-item').each(function(i) {
        var img = $(this).children('.item').children('img'),
            srcImg = '<img src="'+ img.attr('src') +'" alt="'+ img.attr('alt') +'">',
            itemPagination = $(this).parent().parent().next('.box-controls').children('.box-pagination').children('.box-page').children('span');
        $('.box-pagination span:eq('+i+')').prepend(srcImg); //Só precisava dessa linha...
    });







Veja alguns posts relacionados com: Js, Javascript, Jquery, clonar, imagem

1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq