Question

我的ajax响应正在运行并显示结果的内容，但我总是有CSS效果，但我不想要它。

我想在从ajax调用收到的结果中删除以下class="container body-content"上的div。

<div id="bodyRendered" class="container body-content">

</div>

我尝试在结果中删除并在影响我的内容div ID后将RepechageRestant删除：

$('body').on('click', '#RepechageRestant .pagination a', function(event) {
            event.preventDefault();

            var url = $(this).attr('href');

            $.ajax({
                url: url,
                success: function(result) {
                    var $myresult = $(result);
                    $myresult.find('#footer').remove();

                    $('#RepechageRestant').html($myresult);

                    $("#bodyRendered").removeClass("body-content");
                    $("#bodyRendered").removeClass("container");
                }
            });
        });
    });

- 结果放在此div：

中

<div id="RepechageFait" style="padding-top: 30px">

</div>

Answer 1

也许它不起作用，因为html()和removeClass()函数在同一范围内（$.ajax()）并同时执行，即尝试删除类甚至在html内容加载之前。您可以尝试使用回调（虽然html函数不允许回调）或promise()以确保html()函数在尝试删除之前已完成加载内容类。

$('#RepechageRestant').html($myresult).promise().done(function(){
    $("#bodyRendered").removeClass("container body-content");
});

Answer 2

thedeeno是正确的，有一个错字。

 console.log($("#bodyRendered").attr("class"));
 $("#bodyRendered").removeClass("container body-content");
 console.log($("#bodyRendered").attr("class"));

如何在ajax响应的结果中删除div内的css类

2 个答案: