Получить значение метки из div и показать его в html

Question

Привет Я хочу получить значение метки из div и показать его в теге html div. Я создаю видеопроигрыватель html5 с плейлистом, и пока я нажимаю на миниатюру, видео меняется, а также каждый раз добавляет другую метку в div. Я хочу напечатать этот ярлык в html и изменить его каждый раз, когда отображается новое видео. Я пробовал несколько вещей, но не могу заставить его работать. jsfiddle https://jsfiddle.net/zo8tcuxs/1/

мой код:

<section id="video-container"> 
    <video id="videoarea" controls="controls" poster="" src="" id="video1" ></video> 
<div id="description" label="" type="text"> </div> 
<ul id="playlist"> 
    <li id="videoweek1" movieurl="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" label="This is video number 1 " type="video/mp4" moviesposter="http://html5videoformatconverter.com/data/images/screen.jpg"> 
    <img src="http://html5videoformatconverter.com/data/images/screen.jpg" class="video-thumbnail"> 
</li> 
    <li id="videoweek2" movieurl="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" label="This is video number 2 " type="video/mp4" > <img src="http://html5videoformatconverter.com/data/images/screen.jpg" class="video-thumbnail"></li> 
</ul> 
</section> 

$(function() { 
    $("#playlist li").on("click", function() { 
     $("#videoarea").attr({ 
      "src": $(this).attr("movieurl"), 
      "poster": "", 
      "autoplay": "autoplay" 
     }) 
    }) 
    $("#playlist li").on("click", function() { 
     $("#description").attr({ 
      "label": $(this).attr("label") 
     }) 
    }) 
    $("#videoarea").attr({ 
     "src": $("#playlist li").eq(0).attr("movieurl"), 
     "poster": $("#playlist li").eq(0).attr("moviesposter") 
    }) 



}) 

Answer 1

Вам нужно установить .text()/.html() целевого div элемента.

$("#description").attr({ 
     "label": $(this).attr("label") 
    }).text($(this).attr("label")) 

Updated Fiddle

Answer 2

этикетки не имеют значения, то есть HTML под > html here </ (открытие и закрытие тега). Попробуйте это:

$(function() { 
    var lblTxt = $('#label').html(); 
    $('#div').html(lblTxt); 
}); 

HTML

<label id="label">Hello</label> 

<div id="div"> 
</div> 

Demo Fiddle