jquery選擇隱藏字段值div div div父

Question

我有svg圖像滑塊。我想在一個小的彈出窗口中顯示一個圖像，作爲在mouseover事件中的google新聞部分顯示的圖像。

我有一個父div其中有一個類叫class="image-scroll-container"。根據這個我有一個divs的名單。每個div包含svg image並且具有稱爲class="svg-image"的類，並且該div還包含名爲name="svg"的hidden field。

所以我想爲mouseover事件上的每個圖像選擇這個值。所以PLZ告訴我如何使用jquery選擇器來獲取隱藏的字段值。

Answer 1

莫比這個工程（抱歉，我現在不能測試）：

$('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

假設你想在DIC的鼠標懸停事件與svg-image類，你可以像這樣：

$('.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(); 

});