Jquery 从div中获取标签值并在html中显示

Jquery 从div中获取标签值并在html中显示,jquery,html,html5-video,Jquery,Html,Html5 Video,嗨,我想从一个div中获取一个标签值,并在一个html div标记中显示它。我正在构建一个带有播放列表的html5视频播放器,只要我点击缩略图,视频就会发生变化,而且每次都会向div添加不同的标签。我想在html中打印标签,并在每次显示新视频时进行更改。我试过一些方法,但都不能成功。JSFIDLE 我的代码是: <section id="video-container"> <video id="videoarea" controls="controls" poster=

嗨,我想从一个div中获取一个标签值,并在一个html div标记中显示它。我正在构建一个带有播放列表的html5视频播放器,只要我点击缩略图,视频就会发生变化,而且每次都会向div添加不同的标签。我想在html中打印标签,并在每次显示新视频时进行更改。我试过一些方法,但都不能成功。JSFIDLE

我的代码是:

<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")
    })



})

$(函数(){ $(“#播放列表li”)。在(“单击”,函数()上){ $(“#视频区域”).attr({ “src”:$(this.attr(“movieurl”), “海报”:“, “自动播放”:“自动播放” }) }) $(“#播放列表li”)。在(“单击”,函数()上){ $(“#说明”).attr({ “标签”:$(this.attr(“标签”) }) }) $(“#视频区域”).attr({ “src”:$(“#播放列表li”).eq(0).attr(“电影URL”), “海报”:$(“#播放列表li”).eq(0).attr(“moviesposter”) }) })
标签没有值,它在
>html下有html,这里您需要设置目标
div
元素的
.text()
/
.html()

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

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

<div id="div">
</div>
    $("#description").attr({
        "label": $(this).attr("label")
    }).text($(this).attr("label"))