Append data-slb-group="slb"

2

I have several images and I'm trying to use AppendTo of jquery, but I'm not getting

<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>

the code below works

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

But go to <div class="images"></div> all images with class .size-medium , without links <a>

I've tried in a number of ways but have not yet been able to:

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

Thank you for your help

    
asked by anonymous 05.11.2017 / 17:46

1 answer

1

Since the images are within <a> you can use the a[data-slb-active] selector and then .appendTo('.images'); like this:

$('a[data-slb-active]').appendTo('.images');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><ahref="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>

What will you give:

    
05.11.2017 / 17:50