Проблемы с получением значения из элемента формы

Question

Я строю в основном визуально привлекательную версию элемента option-select.

Я создаю ul, у которого класс .selected будет применен к любому элементу, по которому щелкают.

            <ul id="videolist" class="tilelist"> 
                <li id="video-'. $video-id .'">
                        <img src="assetsPath/etc/'. $video-thumb .'" />
                        <h4>'. $video-title .'</h4>
                        <p class="hidden vid-id">'. $video-id .'</p>
                    </li>
                ';} ?>
            </ul>

            <input id="videoId" class="hidden" value="<?php echo $current->video ?>" />

, а затем несколько jquery:

$(function(){

    $('#videolist li').click( function() {

        $('#videolist li').removeClass('selected');
        $(this).addClass('selected');

        var vidId = $(this).find('.vid-id').val();
        alert (vidId);
        $('#videoId').val( vidId );
    }); 
}); 

проблема с $(this).find('.vid-id').val();, похоже, ничего не возвращает.Я не вижу ничего плохого в селекторе, но я немного новичок в jquery.

Answer 1

Вы ищете text(), а не val(), если вы хотите извлечь это из тега p.

Если вы хотите вытащить его из input, вам нужно будет выбрать следующий идентификатор: $(this).find('#videoId').val();

Кроме того, вам не нужно добавлять свойства CSS, чтобы скрыть ввод, вы можете просто сделать type="hidden"