使用jQuery在JSON html内容中查找id元素

Question

我在一个ajax请求中返回JSON，该请求将html作为其值之一。

html:
"<div id="foo">
    <p>FOO</p>
</div>

<div id="bar">
    <p>BAR</p>
</div>"

我想将#foo添加到一个元素，将#bar添加到另一个元素。我尝试过以下方法：

$('#add-foo-html-here').html($(response.html).find('#foo'));

但是找不到#foo。做这个的最好方式是什么？我应该将html内容添加到临时元素，然后找到id？

Answer 1

使用.filter()代替.find()。

$('#add-foo-html-here').html($(response.html).filter('#foo'));

.find()只找到子元素。但这里#foo不是孩子。

Answer 2

您需要父母使用find() ???

var div = $('<div />');
    div.html(response.html);

$('#elementID').html( div.find('#foo') );