Question

我正在尝试在用户点击缩略图图片时检索包含图片网址的数据值。 HTML如下：

<div class="port_image_holder">
<a class="port_enlarge" href="javascript:void(0)">
    <img class="lazy" src="html_includes/include_images/image_loading.jpg"
        data-original="html_includes/include_images/test-image.png"
        data-large="html_includes/include_images/test-image-large.png"
        alt="Caption Goes Here.." />
    <noscript>
        <img src="html_includes/include_images/test-image.png"
             data-large="html_includes/include_images/test-image-large.png"
             alt="" />
   </noscript>
</a>
</div>

基本上，当用户点击图片时，我需要获取data-large属性中设置的网址。

目前，我可以使用src方法从find()获取网址：

var img_url=$(this).find('img').attr('src');

但到目前为止，没有运气获得数据参考。请注意，页面上有许多port_image_holder个类，因为这些类根据需要进行了循环。

Answer 1

您需要在{}使用data()，如：

var img_url = $(this).find('img').data('large');

// Check the console for url
console.log(img_url);

JQuery查找数据属性值onclick

1 个答案: