jquery ()& append()函数不工作
jquery ()& append()函数不工作
提问于 2018-01-20 05:05:49
在我的一生中，我不知道为什么这个.each()函数不能工作。看上去挺直接的
function getThumbnail() {
$('.carousel-focus-item').each(function() {
var videoId = $(this).data('embed');
$(this).append('<img src="//img.youtube.com/vi/' + videoId + '/hqdefault.jpg />');
console.log(this);
});
}有什么想法吗？
<div class="carousel-focus-items">
<div class="carousel-focus-item" data-embed="hGQkp4K05kE">
</div>
<div class="carousel-focus-item" data-embed="EtNw4wLL5oQ">
</div>
<div class="carousel-focus-item" data-embed="_bZj_yxfACw">
</div>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-01-20 05:14:48
您缺少图像源上的关闭"。
$('.carousel-focus-item').each(function() {
var videoId = $(this).data('embed');
$(this).append( '<img src="//img.youtube.com/vi/' + videoId + '/hqdefault.jpg" />' );
});这里有一把小提琴：
$(document).ready(function(){
getThumbnail();
});
function getThumbnail() {
$('.carousel-focus-item').each(function() {
var videoId = $(this).data('embed');
$(this).append( '<img src="//img.youtube.com/vi/' + videoId + '/hqdefault.jpg" />' );
});
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="carousel-focus-items">
<div class="carousel-focus-item" data-embed="hGQkp4K05kE">
</div>
<div class="carousel-focus-item" data-embed="EtNw4wLL5oQ">
</div>
<div class="carousel-focus-item" data-embed="_bZj_yxfACw">
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48352799
复制相关文章
相似问题
腾讯云开发者
