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(); 

});