使用Meteor中的Javascript事件在多个预设字段之间切换MongoDB文档

我正在尝试创建一个Meteor事件，以便在单击模板的某部分时更新文档的“class”字段。我需要在字段的3个单独预设值之间旋转。到目前为止，我已经尝试使用jQuery if else语句和.hasClass（）来确定当前分配了哪个类，但没有效果

Template.buttonGrey.events({
 "click .toggleGrey": function (e) {
   if($(this).hasClass("myButtonGrey")) {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGreyBlinkFast"}});
   } else if ($(this).hasClass("myButtonGreyBlinkFast")) {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGreyBlinkSlow"}});
   } else {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGrey"}});
   }
 },
});

这是我的HTML Meteor模板的副本

<template name="buttonGrey">
<a href="#" class="toggleGrey {{class}}">{{number}}</a>
</template>

---

选择触发事件的元素（而不是文档本身）时，应使用

$（e.target）

而不是

$（this）

：

但是考虑到数据上下文，您也可以直接使用

这个
（在本例中是文档），而无需jQuery：

Template.buttonGrey.events({
 "click .toggleGrey": function (e) {
   if(this.class === "myButtonGrey") {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGreyBlinkFast"}});
   } else if (this.class === "myButtonGreyBlinkFast") {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGreyBlinkSlow"}});
   } else {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGrey"}});
   }
 },
});

Template.buttonGrey.events({
 "click .toggleGrey": function (e) {
   if(this.class === "myButtonGrey") {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGreyBlinkFast"}});
   } else if (this.class === "myButtonGreyBlinkFast") {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGreyBlinkSlow"}});
   } else {
    ButtonsGrey.update(this._id, {$set: {class: "myButtonGrey"}});
   }
 },
});