在jQuery中删除父div的类

Question

我通过以下方式获得<div>结构：

<div class="fc-event-inner fc-event-skin">
    <span class="fc-event-title">
        <div class="removeBackGround"></div>
    </span>
</div>

那么，使用jQuery如何使用“removeBackGround”类找到并删除父类（fc-event-inner fc-event-skin）？

Answer 1

像这样：

$('.removeBackGround').parents('.fc-event-inner,.fc-event-skin').removeClass('fc-event-inner fc-event-skin');

Answer 2

如果你不知道它有多少级别，请使用.closest()

$('.removeBackGround').closest('.fc-event-skin').removeClass('fc-event-inner fc-event-skin');

如果你知道它总是两个级别，你可以链接父母：

$('.removeBackGround').parent().parent().removeClass('fc-event-inner fc-event-skin');

Answer 3

要删除该类，请使用以下代码：

$(".removeBackGround")
    .closest("div")
    .removeClass("fc-event-inner fc-event-skin");

检查closest()和removeClass()方法。

Answer 4

试试这个

$('.removeBackGround').closest('.fc-event-inner fc-event-skin').remove();

或者你可以用这个

$('.removeBackGround').parents('.fc-event-inner,.fc-event-skin').removeClass('fc-event-inner fc-event-skin');

Answer 5

试试这个

$('.removeBackGround').parentsUntil('.fc-event-inner.fc-event-skin').parent().attr('class','');

Answer 6

你好习惯这就像

一样

$('p').removeClass('myClass yourClass')

更多信息 link

Answer 7

有很多选择可以做到这一点。但是，

$(".removeBackGround").closest('div.fc-event-inner,div.fc-event-skin').removeClass("fc-event-inner fc-event-skin");

效果最佳。