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

Question

我在图像上盘旋。但我想要输入标签的URL。

CODE：

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