在jquery模板中访问json
如何使用jquery模板解析下面的特定“li”字段在jquery模板中访问json,json,parsing,jquery,jquery-templates,Json,Parsing,Jquery,Jquery Templates,如何使用jquery模板解析下面的特定“li”字段 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>JQTsDocument</title> <link rel="stylesheet" href="css/layout1.css"/> <script type="text
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>JQTsDocument</title>
<link rel="stylesheet" href="css/layout1.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-template.js"></script>
<script id="lessons" type="text/x-jquery-tmpl">
<header>
<h1>${head1}</h1>
<img src="${image.source}" />
<nav>
<ul>
<li>
{{each li}}
{{/each}}
</li>
</ul>
</nav>
</header>
</script>
<script type="text/javascript">
var header = [{
"head1" : "JQT Doc",
"image" : {
"source" : "images/logo.png",
"alternate" : "JQT Doc"
},
"nav" : [{
"ul" : [{
"li" : "1st"
}, {
"li" : "2nd"
}]
}]
}];
$(document).ready(function() {
$('#lessons').tmpl(header).appendTo('body');
});
</script>
</head>
<body></body>
JQTsDocument
${head1}
-
{{each li}}
{{/每个}}
变量头=[{
“标题1”：“JQT文件”，
“图像”：{
“来源”：“images/logo.png”，
“备选”：“JQT文件”
},
“导航”：[{
“ul”：[{
“李”：“第一”
}, {
“李”：“第二”
}]
}]
}];
$（文档）.ready（函数（）{
$（'#lessons'）.tmpl（header.appendTo（'body'）；
});
我不知道如何使用模板中的每个循环解析“li”，如果我想访问nav元素，我该怎么做，我想你要找的就是这个
<script id="lessons" type="text/x-jquery-tmpl">
<header>
<h1>${head1}</h1>
<img src="${image.source}" />
<nav>
<ul>
<li>
{{each nav[0].ul}}
<div>${li}</div>
{{/each}}
</li>
</ul>
</nav>
</header>
</script>
${head1}
-
{{each nav[0].ul}
${li}
{{/每个}}