How to write the onclick functionality for the dynamic button in meteor

Question

 <template name="actionTemplate">

     {{#each action}}

        <button class="myButton" id={{_id}}>btn</button>

    {{> action}}
    {{/each}}
</template>


 <template name="action">
    <div class="sct" id={{_id}}>
    some text has to display
    </div>
    </template>

for the above line how do I write click function to hide the "btn" button.

Answer 1

If your template is named say actionTemplate , you should write a event function as

Template.actionTemplate.events({
"click .myButton" : function(event){
       var id= event.currentTarget.id;
       $('#'+id).hide();
});

This should do the job.