Holen Sie sich einen Label-Wert von einem div und zeigen Sie es in html

Question

Hallo Ich möchte einen Label-Wert von einem div bekommen und zeigen es in einem HTML-Div-Tag. Ich baue einen html5 Videoplayer mit Playlist und sobald ich auf das Thumbnail klicke, ändert sich das Video und es wird jedes Mal ein anderes Label zu einem div hinzugefügt. Ich möchte dieses Etikett im HTML-Format drucken und jedes Mal ändern, wenn ein neues Video angezeigt wird. Ich habe ein paar Dinge ausprobiert, aber ich kann es nicht zum Laufen bringen. jsfiddle https://jsfiddle.net/zo8tcuxs/1/

mein Code:

<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

Sie benötigen .text()/.html() des Ziel div Element einzustellen.

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

Updated Fiddle

Answer 2

Etikett hat Wert nicht, es html unter > html here </ hat (Öffnen und Schließen-Tag). Versuchen Sie folgendes:

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

HTML

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

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

Demo Fiddle