JQuery模板-获取JSONList的索引

嗨，我有一个jsonlist对象，我将它发送到一个模板。我想将item的索引发送到getname方法，以从json对象获取该项。那个么，我怎样才能得到jsonList项的索引呢

我的模板：

$.template('deneme',
 '<div>${name}: <input onClick='getSurname(\"${$index}\")' 
  type='checkbox' /></div>

---

关于这一点有两个想法：

1-不必让模板在数组的每个项上运行，您可以将整个数组传递给模板，从而更好地访问索引/项信息

var data = [{"name":"Sedat","surname":"Basar"},
{"name":"Deneme","surname":"Avile"},
{"name":"Ganmaz","surname":"Oyilmna"}];

$("#deneme").tmpl({ people: data }).appendTo("#content");

<script id="deneme" type="text/html">
    {{each(i, person) people}}
    <div>
        ${name}: <input onClick='getSurname("${i}")' type='checkbox' />
    </div>
    {{/each}}
    <hr />
</script>

var data=[{“name”：“statist”，“姓氏”：“Basar”}，
{“姓名”：“Deneme”，“姓氏”：“Avile”}，
{“姓名”：“Ganmaz”，“姓氏”：“Oyilmna”}]；
$（“#deneme”）.tmpl（{people:data}）.appendTo（“#content”）；
{{每个人}
${name}：
{{/每个}}

2-另一种选择是使用模板插件的功能。这看起来像：

var data = [{"name":"Sedat","surname":"Basar"},
{"name":"Deneme","surname":"Avile"},
{"name":"Ganmaz","surname":"Oyilmna"}];

function getSurname(element){
    var data = $(element).tmplItem().data;
    alert(data.surname);
}


$("#deneme").tmpl(data).appendTo("#content");

<script id="deneme" type="text/html">
    <div>
        ${name}: <input onClick='getSurname(this)' type='checkbox' />
    </div>
</script>

var data=[{“name”：“statist”，“姓氏”：“Basar”}，
{“姓名”：“Deneme”，“姓氏”：“Avile”}，
{“姓名”：“Ganmaz”，“姓氏”：“Oyilmna”}]；
函数getNames（元素）{
var data=$（元素）.tmplItem（）.data；
警报（数据、姓氏）；
}
$（“#deneme”）.tmpl（数据）.appendTo（“#content”）；
${name}：

样本如下：

var data = [{"name":"Sedat","surname":"Basar"},
{"name":"Deneme","surname":"Avile"},
{"name":"Ganmaz","surname":"Oyilmna"}];

function getSurname(element){
    var data = $(element).tmplItem().data;
    alert(data.surname);
}


$("#deneme").tmpl(data).appendTo("#content");

<script id="deneme" type="text/html">
    <div>
        ${name}: <input onClick='getSurname(this)' type='checkbox' />
    </div>
</script>