使用javascript函數查找元素單擊的類

Question

我遇到類和ajax問題：

在頁面上有幾個.megavideo div。

<div class="megavideo"> 
    <img alt="video" src="https://i1.ytimg.com/vi/6TDQOEATSik/hqdefault.jpg"> 
    <a href="#nolink" onclick="javascript:play('note', 33);"> 
     <div class="maxiplay"> 
     <div class="titremaxiplay"> 
      CLICK TO PLAY 
     </div> 
     <img class="play" alt="play" src="kit/play.png"> 
     </div> 
    </a> 
    </div> 

裏面的div，有一個JavaScript函數的鏈接。 這個javascript函數的目標是刷新圍繞鏈接.megavideo DIV（和只是一個）

我的功能：

function play(what, who){ 
    $.ajax({ 
     type: "POST", 
     url: "launchvideo.php", 
     data: "what="+what+"&who="+who, 
     cache: false, 
     success: function(html){ 
     $(".megavideo").html(html); 
     } 
    }); 
} 

現在，邏輯功能都刷新.megavideo的div。 我如何使用（這個）我的功能只針對.megavideo鏈接父母？

我在這裏找到的最接近的答案是：Get ID of clicked on element in function 但它不完全是我在找的東西。

謝謝大家！ 托馬斯

Answer 1

嘗試

<div class="megavideo"> 
    <img alt="video" src="https://i1.ytimg.com/vi/6TDQOEATSik/hqdefault.jpg" /> 
    <a href="#nolink" onclick="play(this, 'note', 33);"> 
     <div class="maxiplay"> 
      <div class="titremaxiplay"> 
       CLICK TO PLAY 
      </div> 
      <img class="play" alt="play" src="kit/play.png"/> 
     </div> 
    </a> 

</div> 

和

function play(el, what, who) { 
    $.ajax({ 
     type: "POST", 
     url: "launchvideo.php", 
     data: "what=" + what + "&who=" + who, 
     cache: false, 
     success: function (html) { 
      $(el).closest(".megavideo").html(html); 
     } 
    }); 
} 

Answer 2

嘗試

HTML

<a href="#nolink" onclick="javascript:play(this,'note', 33);"> 

JS

function play(that,what, who){ 
    $.ajax({ 
     type: "POST", 
     url: "launchvideo.php", 
     data: "what="+what+"&who="+who, 
     cache: false, 
     success: function(html){ 
     $(that).closest(".megavideo").html(html); 
     } 
    }); 
}