Jqueryの画像にカーソルを置いた後の入力タグのURLを取得します

Question

私は画像にカーソルを置いています。しかし、私は入力タグのURLが必要です。

CODE：

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

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

私はPROD-ズーム-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">