Загрузите содержимое div с помощью ajax

Question

С jQuery ajax Я могу загрузить в div div на другой странице. Мой вопрос: могу ли я загрузить содержимое div, но не сам div ?. В этом случае я могу загрузить «Some text» и #intern, но не #extern?

Одним из решений является загрузка по одному на каждый элемент внутри #extern. Но это упрощенный случай, и в реальном случае есть много вещей и делает этот вариант не очень удобным.

JQuery AJAX:

$("#target").load("extern.html #extern"); 

index.html:

<div id="target"></div> 

EXTERN.html:

<div id="extern"> 
    Some text 
    <div id="intern"></div> 
</div> 

Answer 1

Вы можете использовать jQuery.get() в сочетании с .replaceWith() для достижения желаемого результата:

$.get("extern.html").done(function(data) { 
    $("#target").replaceWith(data); 
}); 

Answer 2

Перепробовав много вещей, которые я мог бы найти ответ:

$("#target").load("3-extern.html #extern" // I load the div and the content first 
,function(){ $("#intern").unwrap(); } // I eliminate the loaded div that I do not need anymore 
);