Как получить html, который загружается в div динамически

Question

Я создаю веб-сайт, на котором загружается html, когда пользователь нажимает на подстраницы боковой панели. Функция onclick используется в боковой панели. Затем я создаю div в качестве базы, куда я загружаю страницы.

Я хочу каким-то образом узнать, что html или функция присутствует в base div после загрузки. Я пробовал следующее, но я получаю пустые данные.

Есть ли способ извлечь то, что html загружено или функцию после ее загрузки?

function checkhtml()
{
   alert(JSON.stringify($('#base').val()));

}

HTML

 <div id="base" class="col pt-2" style="overflow: auto;">

      </div>

JS

function load_table1() {
  $('#base').load('../htmls/table1', function () {
    gettable1();
  });
}

function load_table2() {
  $('#base').load('../htmls/table2.html', function () {
    gettable2();
  });
}

Answer 1

Почему вы хотите извлечь это? Вы помещаете это здесь самостоятельно, поэтому у вас уже есть это значение.

jQuery s load обратный вызов дает вам значение, которое было загружено:

$("#base").load( "../htmls/table2.html", function( response, status, xhr ) {

     console.log("This data was loaded : ", response);  

});

Answer 2

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

function checkhtml(html) {
  console.log('The following HTML was added:');
  console.log(html);
}

function load_table1() {
  $('#base').load('../htmls/table1', function(html) {
    checkhtml(html); 
    gettable1();
  });
}

function load_table2() {
  $('#base').load('../htmls/table2.html', function(html) {
    checkhtml(html)
    gettable2();
  });
}