Jquery onClick从div中删除类

html

加载视频！
jquery
$（文档）.ready（函数（）{
$（“加载视频”）。单击（函数（）{
$（“#删除”）.removeClass（“preWachVideo”）；
});
});

---

在div标记中，我创建了一个名为perWatchVideo的类。当我点击按钮时，我想去掉这个类，用另一个类postWatchVideo替换它。我如何在jQuery中做到这一点？

首先，您忘记了

加载视频之前的
是
$（.loadVideo”）
而不是
$（.loadVideo”）

您需要使用
.addClass（）

或者，如果每次单击都需要切换类，可以使用
toggleClass（）

注意：如果您有多个元素具有
ID=“remove”
则ID假定是唯一的，您的代码将仅与第一个
#remove元素一起工作

因此，您需要将其从

$(document).ready(function(){
    $(".loadVideo").click(function(){
       $("#remove").toggleClass("preWachVideo postWatchVideo");
     });
});

首先，您忘记了
之前的
loadVideo
是
$（“.loadVideo”）
而不是
$（“loadVideo”）

您需要使用
.addClass（）

或者，如果每次单击都需要切换类，可以使用
toggleClass（）

注意：如果您有多个元素具有
ID=“remove”
则ID假定是唯一的，您的代码将仅与第一个
#remove元素一起工作

因此，您需要将其从

$(document).ready(function(){
    $(".loadVideo").click(function(){
       $("#remove").toggleClass("preWachVideo postWatchVideo");
     });
});

$(document).ready(function(){
    $(".loadVideo").click(function(){
       $("#remove").toggleClass("preWachVideo postWatchVideo");
     });
});

<div class="perWatchVideo" id="remove">

<div class="perWatchVideo remove">

$(document).ready(function(){
   $(".loadVideo").click(function(){
      $(this).closest(".remove").removeClass("preWachVideo").addClass('postWatchVideo');
   });
});