Как загрузить() только конкретный div из страницы в целевой div, а не всю страницу

Question

У меня есть следующий скрипт, который загружает страницу в div, а не только для целевого div. Это наиболее очевидно при возврате к моему индексу, и мой верхний и нижний колонтитулы застряли в <div id="contentspace"></div>.

Я где-то читал, что div должен быть помещен на его собственную страницу до отображения. Не уверен, какой метод это сделает. Возможно ли это без hashtags Спасибо за вашу помощь

<script type="text/javascript"> 
    $(function() { 
     $('#header a').click(function() { 
      $('#contentspace').empty(); 
      $("#contentspace").load(this.href, function(response){ 
       console.log($('#content', response).html()) 
       event.preventDefault(); 
      }); 
     }); 
    }); 
</script> 

Answer 1

Метод .load() может загружать фрагмент страницы, просто указав допустимый селектор jquery рядом с URL-адресом.

$('myelement').load('page.html #content', function() { 
    ... 
}); 

Обратите внимание, что при загрузке фрагментов страницы, JQuery будет удалить какой-либо элемент SCRIPT может содержать.

В вас Например, вы могли бы сделать:

$("#contentspace").load(this.href + ' #content', function(response){ 
    ... 
}); 

Answer 2

Вы прочитали документацию вообще? Взгляните на раздел под названием Загрузите фрагменты страницы в jQuery API для .load(). По сути, вы просто передаете селектор вместе с URL-адресом страницы для загрузки в качестве первого аргумента метода.