我需要能够在不知道节点类型,类,id或层次结构的情况下从片段中选择根元素.
<div id="0">
<div id="0a">
<div id="a01"></div>
</div>
<div id="0b">
</div>
<div id="0c">
</div>
</div>
我希望能够执行类似$(':root')的操作,并在上面的示例中选择0.
更好的是我更喜欢$(':level(0)')哪个意思与上面相同,$(':level(1)')选择0a,0b和0c并$(':level(1)>div')选择a01.
关于如何巧妙地做到这一点的任何想法？
我使用jQuery函数find()来提取html文件的div.我以这种方式使用它
data.find('#tpl_header')
问题是jquery find()只找到非根元素.所以这不会起作用:
[...]
<body>
<div id="tpl_header" class="table header">
<div class="tr">
</div>
</div>
</body>
</html>
但这种方式有效:
[...]
<body>
<div id="template"> <!-- because jQuery find function did not find root elements! -->
<div id="tpl_header" class="table header">
<div class="tr">
</div>
</div>
</div>
</body>
</html>
有没有办法找到这个模板div而不添加额外的不需要的div？
[加]
模板阅读功能 - 已经由Sjoerd在下面提到的更改:
function LoadTemplate()
{
$.get('templates/' + template + '/main.html',
function(data) {
data = $(data);
$('#header').html($('#tpl_header', data));
});
}