Jquery 选择HTML模板中的元素并附加到正文

我需要为移动用户显示很多元素，并计划将所有内容包装在一个模板中，然后选择我想要的特定div并将其附加到正文中

为什么下面的代码没有像我通常期望的那样将div附加到主体中？我使用了其他SO问题中最基本的例子，但毫无用处

<template id="template">
    <div id="page1">page1</div>
    <div id="page2">page2</div>
</template>

只要clone包含html，并且whatever是该html中元素的有效选择器，您就可以通过这种方式找到元素。关键是您必须首先将html解析为dom元素，$html就是这样做的

var-template=$'template'.html； $document.body.append$template.filter'page2'； 第1页 第2页

---

首先，JavaScript是区分大小写的。关于区分大小写的小问题，我想我现在已经修改过了。@karthick template是html模板标记函数需要一个小的fclone是一个没有find方法的字符串；它应该在控制台中给你一个错误。请注意，jQuery确实有一种方法可以用来实际克隆元素……多亏了这一点，过滤器部分才是我出错的地方，回到了基础！

function change_page(page_id){
    var target = "#"+page_id;
    var clone = $("#template").html();
    $("body").append(clone.find(target));
}

$(clone).find('whatever');