jQuery 删除 Class 周围的 HTML 元素不起作用

Question

我有一个 <div>，其中 class 个 fouc 围绕着我的大部分主要 HTML 元素。我已将其设置为 display: none 并希望在页面加载完成后立即将其删除。但是，这没有按预期工作。谢谢你的帮助。

CSS:

.fouc {
     display: none;
}

JS:

$(window).on('load', function () {

    $('body').removeClass('fouc');

});

Answer 1

试试下面的代码片段

 $(window).on('load', function () {

        $('.fouc').show();

    });

希望对您有所帮助

Answer 2

您需要 select 您的 JS 中具有 class fouc 的元素。在您的情况下，您正在 selecting $('body') - 这意味着您告诉浏览器从 body 中删除 fouc class，实际上并没有存在。

您可以找到并删除 class，就像：

$('body').find('.fouc').removeClass('fouc');

但这不是一个好的做法。

jQuery to Remove Class Surrounding HTML Elements Not Working