2

Tenho varias imagens e estou tentando usar o AppendTo do jquery, mas não estou conseguindo

<a href="image1.jpg" data-slb-active="1" data-slb-asset="1947037253" data-slb-internal="0" 
data-slb-group="slb">
            <img class="alignnone size-medium wp-image-527" src="image1.jpg" alt="" 
            width="300" height="225" srcset="image1.jpg" sizes="(max-width: 300px) 100vw, 
           300px">
        </a>   
        <a href="image2.jpg" data-slb-active="1" data-slb-asset="1947037253" 
data-slb-internal="0" data-slb-group="slb">
            <img class="alignnone size-medium wp-image-527" src="image2.jpg" alt="" 
            width="300" height="225" srcset="image2.jpg" sizes="(max-width: 300px) 100vw, 
           300px">
        </a>
        <a href="image3.jpg" data-slb-active="1" data-slb-asset="1947037253"
 data-slb-internal="0" data-slb-group="slb">
            <img class="alignnone size-medium wp-image-527" src="image3.jpg" alt="" 
            width="300" height="225" srcset="image3.jpg" sizes="(max-width: 300px) 100vw, 
           300px">
        </a>

    <div class="images"></div>

o codigo abaixo funciona

$('.size-medium').appendTo('.images');

Mas vai para a <div class="images"></div> todas imagens com a classe .size-medium, sem os links <a>

Eu tentei de diversas formas mas ainda não consegui:

$('a data-slb-group').appendTo('.images');

Agradeço ajuda

2
  • Queres colocar esses <a> e <img> dentro de .images, é isso?
    – Sergio
    Commented 5/11/2017 às 16:48
  • Sim, é isso mesmo
    – Gislef
    Commented 5/11/2017 às 16:49

1 Resposta 1

1

Uma vez que as imagens estão dentro de <a> podes usar o seletor a[data-slb-active] e depois .appendTo('.images'); assim:

$('a[data-slb-active]').appendTo('.images');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="image1.jpg" data-slb-active="1" data-slb-asset="1947037253" data-slb-internal="0" data-slb-group="slb">
  <img class="alignnone size-medium wp-image-527" src="image1.jpg" alt="" width="300" height="225" srcset="image1.jpg" sizes="(max-width: 300px) 100vw, 
           300px">
</a>
<a href="image2.jpg" data-slb-active="1" data-slb-asset="1947037253" data-slb-internal="0" data-slb-group="slb">
  <img class="alignnone size-medium wp-image-527" src="image2.jpg" alt="" width="300" height="225" srcset="image2.jpg" sizes="(max-width: 300px) 100vw, 
           300px">
</a>
<a href="image3.jpg" data-slb-active="1" data-slb-asset="1947037253" data-slb-internal="0" data-slb-group="slb">
  <img class="alignnone size-medium wp-image-527" src="image3.jpg" alt="" width="300" height="225" srcset="image3.jpg" sizes="(max-width: 300px) 100vw, 
           300px">
</a>

<div class="images"></div>

Que vai dar:

inserir a descrição da imagem aqui

0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .