Выбор вложенных divs в div с помощью javascript/jquery/ajax

Question

Я хотел бы получить весь HTML-код под элементом div.

Мой текущий код:

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 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 и не лежащие в основе DIVS

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

Я заметил, что мы не можем извлечь вложенные элементы div, используя это ap ный подход. Пожалуйста, предложите.

Answer 1

этот код вставляет таблицу в каждый div, который у вас есть.

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

я думаю, что вы хотите сделать, это

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

то, чтобы получить все HTML внутри первого DIV,

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

Answer 2

То же, что предыдущий ответ, но быстрее в JavaScript

При загрузке страницы:

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

Чтобы установить HTML:

element.innerHTML=data; 

Чтобы получить HTML:

element.innerHTML=data;