Javascript 使用jQuery获取.Get返回的div元素的HTML

我试图获取.get请求返回的特定div的HTML。get请求返回包含3个div和3个不同ID的HTML数据

这是我的密码：

$.get("ajax/learn-more.html", function(data){
    var $response = $(data);
    alert($response.find('#main-images')); // <= prints [Object object]
    alert("Data Loaded: " + data); // <= displaysthe whole html of learn-more.html
    // how can I get the html of a div in learn-more.html with id="main-images" ???
});

编辑：

learn-more.html的内容：

<div id="something" class="hero-unit span-one-third" style="position: relative;">
    Foo Bar
</div>

<div id="main-images" class="hero-unit span-one-third" style="position: relative;">
    <div id="learn-more-photo" class="span-one-third">
        <img class="thumbnail" src="http://placehold.it/300x180" alt="">
    </div>
</div>

<div id="learn-more">
:D
</div>

$response.find'main-images'将返回一个空的jQuery对象。所有选定元素都没有ID为main图像的子体。相反，其中一个选定元素就是您要查找的元素

要获取对div的引用，请改为使用：

$response.filter('#main-images');

如果要获取HTML，请先将内容附加到空div，然后删除不需要的元素：

var container = $('<div />').html(data);
container.children().not('#main-images').remove();
var html = container.html();

$response.find'main-images'将返回一个空的jQuery对象。所有选定元素都没有ID为main图像的子体。相反，其中一个选定元素就是您要查找的元素

要获取对div的引用，请改为使用：

$response.filter('#main-images');

如果要获取HTML，请先将内容附加到空div，然后删除不需要的元素：

var container = $('<div />').html(data);
container.children().not('#main-images').remove();
var html = container.html();

$data返回元素数组，而不是普通的jQuery对象$数据[1]包含主图像元素

正如Felix Kling所回答的，您可以使用filter而不是find

$data返回元素数组，而不是普通的jQuery对象$数据[1]包含主图像元素

正如Felix Kling所回答的，您可以使用filter而不是find

---

您是指在打印机中打印，还是向屏幕发出警报？您是指在打印机中打印，还是向屏幕发出警报？