5

当用户单击缩略图时，我正在尝试检索包含图像 url 的数据值。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属性中设置的url。

src目前我可以使用以下方法获取 url find()：

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

但到目前为止，还没有获得数据参考的运气。请注意，页面上有许多port_image_holder课程，因为这些课程根据需要循环播放。

4

1 回答 1

9

您可以使用以下方法在图像上找到data-large属性：.data()

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

// Check the console for url
console.log(img_url);
于 2013-06-10T07:58:15.627 回答