不能選擇動態股利，只使用其形象

Question

我有一個關於jquery的簡單問題，我有一個長長的清單直接從YouTube上傳圖像，圖像具有相同的v-code作爲視頻本身，所以爲simpe下載的所有在瀏覽器上的視頻我做了一個圖像列表，一旦你點擊它，視頻將出現在它的位置，事情是，我已經爲視頻的圖像定位的代碼，但不是另一個，無論如何，這裏是代碼：

$('.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的圖片後才能使用此代碼。

謝謝大家的幫助！

Answer 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(); 
});