My ajax response is functioning properly and displaying the content of the result, but I am always getting the CSS effects which I do not want.
I need to eliminate the class="container body-content" from the following div in the ajax call's result.
<div id="bodyRendered" class="container body-content">
</div>
I have attempted to remove it from the result after assigning it to my content div with the ID of 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");
}
});
});
});
-- the result is placed inside this div:
<div id="RepechageFait" style="padding-top: 30px">
</div>