Question

想象一下，我有一个这样的车把模板：

       {{#each this}}
           {{username}}
           <form method="post" id="form-id-{{tirID}}">
              <input type="button" id="btn-id-{{tirID}}">
           </form>
       {{/each}}

这个循环数据并且与AJAX get方法一起工作。但是，我还想使用此模板中的按钮。我可以像在模板中一样给它一个ID。但是，如何定位特定按钮以激活AJAX post方法？以下不会工作，因为我不再在模板中操作，因此无法找到{{x}}：

       $('#btn-id-{{tirID}}').on('click', '.mydiv', function(event) {

           $.ajax({
                 type:'POST',
                 url: 'and so on....

       }

希望有人有个建议！

Answer 1

你可以这样做：

{{#each this}}
    {{username}}
    <form method="post" id="form-id-{{tirID}}">
       <input type="button" id="btn-id-{{tirID}}" class="js-btn" data-id="{{tirID}}">
    </form>
{{/each}}

然后听js-btn并使用data属性来获取id。

$('.js-btn').on('click', '.mydiv', function(event) {
       var id = $(this).data().id;
       $.ajax({
             type:'POST',
             url: 'and so on....

   }

把手按钮ID转到ajax

1 个答案: