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

：これを試してみてください。

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

Updated Fiddle

Answer 2

ラベルが値を持っていない、それは> html here </下のhtml（開閉タグ）を持っています。あなたがターゲットdiv要素の.text()/.html()を設定する必要が

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

HTML

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

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

Demo Fiddle