我正在使用 QUnit 编写测试并使用$.ajax()从本地运行的开发站点中提取 HTML 进行一些测试：
add_elements = function(location, selector) {
$.ajax(location, {async: false}).done(function(data) {
stor.$els = $(selector, $.parseHTML(data));
stor.$els.appendTo($('body'));
})
}
在某个位置使用这个函数，我得到以下结果data传递给我的.done()打回来：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div id="app-container" class="container-fluid">
<div class="page-header">
<h1>
<a href="/">Home</a>
<small>Text</small>
</h1>
</div>
<div id="hero-units" class="carousel-inner slide">
<div class="hero-unit home item active">
<h1>
Text text text
</h1>
<p>
More text!
</p>
<div id="app-nav">
<a id="lets-go" class="btn btn-primary btn-large nav-forward" href="/what-up/">
Let's go
</a>
</div>
</div>
</div>
</div>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/underscore.js"></script>
<script src="/static/js/backbone.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/site-fiddle.js"></script>
<script src="/static/js/site.js"></script>
</body>
</html>
一切正常，如果selector is #hero-units or .hero-unit, but $(selector, $.parseHTML(data))如果不返回任何内容selector is #app-container！我想要一个jQuery对象为div#app-container元素。
这就是杀死我的原因：
-
$.parseHTML(data) does包含div#app-container元素。只是$.parseHTML(data)[7].
- Yet,
$('#app-container', $.parseHTML(data))是一个空数组。
-
$('div', $.parseHTML(data))包括所有的div是在里面div#app-container， 但不是div#app-container itself.
这里发生了什么？看来正在发生的事情是这样的$不查看返回的任何顶级元素$.parseHTML(data) or $($.parseHTML(data)))，还有他们的孩子。
我怎样才能得到一个jQuery对象为div#app-container由此$.parseHTML(data)?
ANSWER
