jak mogę przeanalizować konkretne pole „li” z poniższego przy użyciu szablonu jquery?
<!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="/images/${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>
Nie mam pojęcia, jak analizować to „li” za pomocą każdej pętli w szablonie, a jeśli chcę uzyskać dostęp do elementów nawigacyjnych, jak mogę to zrobić
Odpowiedzi:
2 dla odpowiedzi № 1Myślę, że to, czego szukasz, to jest to
<script id="lessons" type="text/x-jquery-tmpl">
<header>
<h1>${head1}</h1>
<img src="/images/${image.source}" />
<nav>
<ul>
<li>
{{each nav[0].ul}}
<div>${li}</div>
{{/each}}
</li>
</ul>
</nav>
</header>
</script>
Możesz znaleźć działającą próbkę tutaj.