Блог

У меня есть слайдер изображения svg. Я хочу показать изображение в небольшом всплывающем окне как изображение, показанное в разделе новостей Google в событии наведения курсора мыши.

У меня есть родитель div , у которого есть вызываемый класс class="image-scroll-container" . И под этим у меня есть список divs . Каждый div из них содержит svg image и имеет вызываемый класс class="svg-image" , и он div также содержит hidden field имя as name="svg" .

Поэтому я хочу выбрать это значение для каждого изображения при наведении курсора мыши. Итак, пожалуйста, скажите мне, как мне получить значение скрытого поля с помощью селектора jquery.

Maby это работает (извините, я не могу проверить это прямо сейчас):

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

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

Предполагая, что у вас есть следующий код, ответ будет выглядеть следующим образом:

 <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!!

Предполагая, что вы хотите событие наведения курсора мыши на 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();   

});