如何获取动态加载到 div 中的 html

Question

我正在创建一个网站，其中 html 在用户单击侧栏子页面时被加载。 onclick function用于侧边栏。 然后我创建一个 div 作为加载页面的基础。

我想知道加载后基本 div 中存在什么 html 或 function 。 我尝试了以下方法，但我得到的是空数据。

有什么方法可以提取加载的 html 或加载后的 function 吗？

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

load() function 的回调 arguments 接收请求的 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();
  });
}

Answer 2

为什么要提取它？ 你自己把它放在这里，所以你已经有了这个价值。

jQuery 的加载回调为您提供加载的值：

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

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

});