Question

我有svg图片滑块。我想在一个小弹出窗口中显示一个图像，作为鼠标悬停事件中谷歌新闻部分中显示的图像。

我有一个父div，其中有一个名为class="image-scroll-container"的类。在这之下，我有一个divs的列表。每个div都包含svg image，并且有一个名为class="svg-image"的类，此div还包含一个名为hidden field的{{1}}。

所以我想在mouseover事件中为每个图像选择此值。所以请告诉我如何使用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();   

});

jquery选择器用于选择父div下的隐藏字段值div

3 个答案: