親divの下の選択された隠しフィールド値divのjqueryセレクター

Question

私はsvgイメージスライダーを持っています。 mouseoverイベントのgoogle newsセクションに表示される画像として小さなポップアップに画像を表示したい。

class="image-scroll-container"というクラスを持つ親divがあります。そして、私はdivsのリストを持っています。各divはsvg imageを含み、class="svg-image"と呼ばれるクラスを持ち、このdivもname="svg"という名前のhidden fieldを含んでいます。

ここで、mouseoverイベントの各画像に対してこの値を選択します。だからplz私はjqueryのセレクタを使用して、隠しフィールドの値を取得する方法を教えてください。

Answer 1

Mabyこの作品（申し訳ありませんが、私は今それをテストすることはできません）：

$('div.svg-image [name="svg"] :hidden').val(); 

http://api.jquery.com/hidden-selector/

Answer 2

答えは次のようになり、次のコードを持っていると仮定：

<div class="image-scroll-container"> 
    <div class="svg-image" onmouseover="getHiddenField(this)"> 
     <svg>...</svg> 
     <input type="hidden" name="svg" value="123456"> 
    </div> 
    <div class="svg-image" onmouseover="getHiddenField(this)"> 
     <svg>...</svg> 
     <input type="hidden" name="svg" value="azertty"> 
    </div> 
    ... 
</div> 

<script> 
    function getHiddenField(element){ 
      alert($(element).children("input:hidden").val()); 
    } 
</script> 

次回はHTMLの例を提供してください！

Answer 3

あなたはsvg-imageクラスとDICのmouseoverイベントをしたいと仮定すると、あなたの可能性このような何か：

$('.svg-image').mouseover(function(){ 

    // get value of input field. 
    // If container div has more than 1 input, you'll need to refine the selector. 

    var value = $(this).find('input').val(); 

});