0

我有一个关于 jquery 的简单问题，我有一长串直接从 youtube 上传的图像，图像v-code与视频本身相同，所以为了在浏览器的一个页面上简单下载所有视频，我制作了一个图像列表，一旦你点击它，视频就会出现在它的位置，问题是我为视频图像定向的代码，而不是另一个，无论如何这里是代码：

$('.youtube_thumb > img').click(function(){
    var parts = this.src.split("/");
    var id = parts[parts.length-2];
    $('<iframe width="50%" height="300" src="http://www.youtube.com/embed/' + id + '?autoplay=1" frameborder="0" allowfullscreen></iframe>').insertAfter(this);
    $(this).parent().parent().find(".name,.detail,.youtube_play").hide();
    $(this).remove();
});

和 div

<div class="youtube">
    <div class="name">
            #left(name,30)#
    </div>
    <div class="detail">#left(detail,50)#</div>
    <div class="youtube_play"></div>
    <div class="youtube_thumb">
            <img src="http://img.youtube.com/vi/#link#/0.jpg" style="width:50%;height:300px;border:0;" />
    </div>
</div>

如您所见，代码采用img的src并对其进行排序v-code，然后将其放入框架中。但我只想在我点击类youtube_play而不是youtube_thumb图像后才能使用此代码。

谢谢大家的帮助！

4

1 回答 1

1 
$('.youtube_play').click(function(){
    var img = $(this).next().find('>img');
    var parts = img.get(0).src.split("/");
    var id = parts[parts.length-2];
    $('<iframe width="50%" height="300" src="http://www.youtube.com/embed/' + id + '?autoplay=1" frameborder="0" allowfullscreen></iframe>').insertAfter(img.get(0));
    img.parent().parent().find(".name,.detail,.youtube_play").hide();
    img.remove();
});
于 2013-10-08T11:36:44.440 回答