javascript - 在 Jquery 中将鼠标悬停在图像上后获取输入标签的 URL

Question

我将鼠标悬停在图像上。但我想要输入标签的 URL。

代码:

<img class="prod-zoom-img" src="image.jpg>

<input style="display:none;"  data-bigimgurl="picture.png">

我想悬停在 prod-zoom-img 类上，但我想获得 bigimgurl。

JQUERY:

$("img.prod-zoom-img").hover(function () {
    ------------ ????????---------
});

Answer 1

您可以像下面这样使用 mouseenter() 事件。

$('img.prod-zoom-img').mouseenter(function() {
    var url = $('input').data('bigimgurl');
    alert(url);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<img class="prod-zoom-img" src="image.jpg">
<input style="display:none;"  data-bigimgurl="picture.png">