Сравнение head и добавление недостающего

213

28 февраля 2018, 10:47

При загрузки странички аяксом

    $.ajax({
        method: "POST",
        data: {ajax: 1},
        url: url,
        dataType: "html"
    }).done(function (data) {
        var title = $(data).filter("title").html();
        window.history.pushState('',title, url);
        var head = data.match(/<head[^>]*>[\s\S]*<\/head>/gi);
        $('head').append(head);
        $('.content').empty().html($(data).filter(".content").html());
        //$("title").html(title);
        var classes = data.match(/<body class="([\w\s-]*)"/s)[1];
        $("body").attr("class", classes + " load");
    });

Нужно подменить head-ы, а чтобы не отпадали стили во время загрузки, нужно только изменённые или добавленные элементы. Кто может подсказать как это сделать? Возможно есть способ как-то поэлементно проверить есть ли уже такой на странице по селектору, и такое-же у него содержимое или нет. Пока вижу такой выход, если не найду решения, так и буду костылять.