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