Question

我想检索div元素下的所有html代码。

我目前的代码是：

function refresh() {
    $.ajax({
        url: '/tiers/',
        success: function(data) {
             var html = jQuery('<div>').html(data);
              console.log(html);
               console.log(html.find("div#dataTables").html()); //*[@id="DataTables_Table_0_wrapper"]//*[@id="DataTables_Table_0_wrapper"]
           //$('#dataTables').html(html.find("div#dataTables").html());

        }
    });
    setInterval("refresh()", 100000);
}

div部分的内容：

<div id="dataTables">
<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="table-header">
****<table cell padding=0 ....>****
</div>

但是，在检索div的内容时，我们只获取div内容而不是底层div

<div id="dataTables">
****<table cell padding=0 ....>****
</div>

我注意到我们无法使用此方法检索嵌套的div元素。请建议。

Answer 1

此代码会将表格插入到您拥有的每个div中。

var html = jQuery('<div>').html(data);

我认为你想要做的是

$('#DataTables_Table_0_wrapper').html(data);

然后在第一个div中获取所有html，

$('#dataTables').html();

Answer 2

与之前的答案相同，但在javascript中更快

页面加载时：

var element = document.getElementById('DataTables_Table_0_wrapper');

设置html：

element.innerHTML=data;

获取html：

element.innerHTML=data;

使用javascript / jquery / ajax在div下选择嵌套的div

2 个答案: