我的<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)?
像这样:
$('.removeBackGround').parents('.fc-event-inner,.fc-event-skin').removeClass('fc-event-inner fc-event-skin');
为了删除类,请使用以下代码:
$(".removeBackGround")
.closest("div")
.removeClass("fc-event-inner fc-event-skin");
检查closest()
和removeClass()
方法。
尝试这个
$('.removeBackGround').closest('.fc-event-inner fc-event-skin').remove();
或者你可以用这个
$('.removeBackGround').parents('.fc-event-inner,.fc-event-skin').removeClass('fc-event-inner fc-event-skin');
如果您不知道它有多少级,请使用.closest()
$('.removeBackGround').closest('.fc-event-skin').removeClass('fc-event-inner fc-event-skin');
如果您知道它总是向上两个级别,则可以链接父母:
$('.removeBackGround').parent().parent().removeClass('fc-event-inner fc-event-skin');
try this
$('.removeBackGround').parentsUntil('.fc-event-inner.fc-event-skin').parent().attr('class','');
有很多选择可以做到这一点。但,
$(".removeBackGround").closest('div.fc-event-inner,div.fc-event-skin').removeClass("fc-event-inner fc-event-skin");
效果最好。