Question

我有一组几张图片，我想使用追加，但我没有得到

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

此代码有效

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

但在div图像中只显示图像，<a>链接不显示

我尝试了下面的代码和其他一些尝试，但没有得到结果

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

由于

Answer 1

这不是一个正确的选择器，因为您正在寻找一个名为<a data-slb-group>的标签

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

您可以使用 attr函数 $(element).attr('atributeName')

访问属性

此解决方案：

你可以通过将你想要的所有内容封装成一个div来实现：

<div id='capsule'>
        <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>
<div class="images"></div>

然后只使用这样的东西：

var html = document.getElementById('capsule').innerHTML;
document.getElementsByClassName('images')[0].insertAdjacentHTML('afterbegin', html);

innerHTML 选择该div中的所有HTML 。有一个名为 html（）的JQuery函数执行完全相同的操作：

看：http://api.jquery.com/html/

追加数据-slb-group =＆＃34; slb＆＃34;

1 个答案: