.load () всю страницу для модального и .remove () конкретного div из нее одновременно с JQuery

Question

Мне нужно исключить некоторые div (один или несколько) со страницы, которую я .load () из того же домена для модального, я использую это для загрузки страниц:

$(document).ready( function() {
$("#div-id-where-to-load-page").load("loaded-page-url");});

Я пробовал что-то вроде этого:

$(document).ready( function() {
$("#div-id-where-to-load-page").load("loaded-page-url").remove(#div-id-to-remove);});

и он не работает, если я разбиваю его на отдельные функции, он тоже не работает, я новичок в JS, что я делаю не так?

Все скрипты загружаются из отдельного файла (если это важно).

Answer 1

Вы можете использовать функцию обратного вызова для метода .load(). Таким образом вы гарантируете, что элементы, которые вы хотите удалить, уже загружены в DOM при вызове .remove().

$(document).ready( function() {
    $("#div-id-where-to-load-page")
        .load("loaded-page-url", function() {
            $('#div-id-to-remove').remove();
        });
});