jquery загружает только innerHtml вместо самой обертки

Question

Позвольте мне пояснить мою потребность, это может быть не совсем понятно из названия.

Я использую:

$("#content").load("http://example.com/page1.html #content"); 

Когда я смотрю в Firebug я вижу #content внутри #content на странице, где произошла Ajax вызова.
Итак, очевидно, что мне нужно только внутреннее html содержимого # content, чтобы загрузить его. Какой был бы самый элегантный способ добиться этого с помощью JQuery.

Спасибо!

Answer 1

, что может быть сделано с помощью $.get

$.get('http://example.com/page1.html', function (data) { 
    data = $(data).find('#content').html(); 
    $("#content").empty().append(data); 
}); 

Answer 2

Используйте ребенка Selector (http://api.jquery.com/child-selector/) на #content для выбора всех (*) детей #content.

$("#content").load("http://example.com/page1.html #content > *");