Получить текст из элемента при нажатии кнопки воспроизведения

Я работаю над целевой страницей, на которой есть 4 или 5 видео внизу с иконкой кнопки воспроизведения над каждым миниатюром видео. каждое видео загружается через javascript, как и текст h5 для каждого. Когда вы нажимаете кнопку воспроизведения для любого видео, он перемещает видео в основную секцию видео (видеопоток 1) - и перемещает видео и текст в видео-пятно-1 в место видео, которое было просто нажато. У меня есть переключения видео, но мне трудно схватить текст h5. Ниже то, что я в настоящее время в HTMLПолучить текст из элемента при нажатии кнопки воспроизведения

<div class="row video-section-main-row""> 
       <div class="col-xs-12 main-vid-col"> 
        <div id="player" class="hidden"></div> 
        <a href="#/" class="play-icon-main" id="play-button-1"><img src="images/play-icon-largest.png"></a> 
        <img class="main-video vid-spot" id="video-spot-1" src=""> 
        <h5 class="main-video-headline" id="video-headline"></h5> 
       </div> 
      </div> 
      <div class="row video-section-thumbnail-row"> 
       <div class="col-xs-3 video-col"> 
        <img id="video-spot-2" src=""> 
        <a href="#/" class="play-icon" id="play-button-2"><img src="images/play-icon-largest.png"></a> 
        <h5 id="video-thumbnail-headline-1"></h5> 
       </div> 
       <div class="col-xs-3 video-col"> 
        <img id="video-spot-3" src=""> 
        <a href="#/" class="play-icon" id="play-button-3"><img src="images/play-icon-largest.png"></a> 
        <h5 id="video-thumbnail-headline-2"></h5> 
       </div> 
       <div class="col-xs-3 video-col"> 
        <img id="video-spot-4" src=""> 
        <a href="#/" class="play-icon" id="play-button-4"><img src="images/play-icon-largest.png"></a> 
        <h5 id="video-thumbnail-headline-3"></h5> 
       </div> 
       <div class="col-xs-3 video-col"> 
        <img id="video-spot-5" src=""> 
        <a href="#/" class="play-icon" id="play-button-5"><img src="images/play-icon-largest.png"></a> 
        <h5 id="video-thumbnail-headline-4"></h5> 
       </div> 
      </div>

источник

2016-11-07 Colin Roemer

Там нет текста в h5, вы хотите идентификатор? – Derek

@ Derek текст в h5 загружается через js при загрузке страницы. У меня каждый заголовок сохранен как переменная в js. Таким образом, к тому моменту, когда пользователь сможет щелкнуть по кнопке воспроизведения, появится текст в h5 –

На обработчик щелчка по кнопке воспроизведения ГОВОРЯ:

var videoText = $(this).siblings('h5').text();

источник

2016-11-07 23:45:10 Derek

, который отлично работает, спасибо! –

Получить текст из элемента при нажатии кнопки воспроизведения

ответ

Смежные вопросы