使用 jQuery 从父元素中删除 class？

Question

我无法弄清楚如何从父元素中删除 class，基本上我有一个<audio>标签（从现在起称为this ），它位于class="playing"的 div 中 我如何删除这个 class？

试过这个，但比理解它会从音频元素而不是它的父 div 中删除 class：

this.removeClass("playing");

Answer 1

this.parent().removeClass("playing");

Answer 2

$(this).closest('div').removeClass("playing")

要么

$(this).closest('div.playing').removeClass('playing')

Answer 3

this.closest('div[class=playing]').removeClass("playing");

Answer 4

JSfiddle 演示

<div class="bold">
<p id="p1" class="blue under">Hello</p>
</div>
<div class="bold">
  <p  id="p2" class="blue under highlight">and</p>
</div>
  <p class="blue under">then</p>
  <p class="blue under">Goodbye</p>


$("#p1").parent().removeClass("bold");

Answer 5

 $("input").keyup(function () { $(this).parent().removeClass('bg-red'); });

 .bg-red { background-color: red; }.h-50 { height: 50px; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="h-5 bg-red"> <h3>Add text inside input will remove "bg-red" class from parent div</h3> <input placeholder="Enter anything" type="text"> </div>