使用 javascript 函数查找元素单击的类

Find the element clicked class with a javascript function

本文关键字：单击 元素 查找 javascript 函数 使用      更新时间：2023-09-26

我对类和ajax有问题：

嗨，我的页面上有几个 .megavideodiv。

  <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函数的目标是刷新链接周围的.megavideodiv（只是那个）

我的职能 ： 

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

目前，从逻辑上讲，该函数刷新每个 .megavideodiv。如何在我的函数上使用（this）仅针对 .megavideo 链接父项？

我在这里找到的最接近的答案是：获取函数中点击元素的ID但这并不完全是我想要的。

谢谢大家！托马斯

尝试

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

尝试

.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);
      }
    });
}
相关文章：