Javascript 如何获得我用MeteorJS单击的按钮旁边的按钮

当我点击按钮

stop

时，我想更改按钮

pause

的css属性

因此HTML如下所示：

使用我的JS代码，我尝试使用JQuery做一些事情：

'click .stop' (event) {

        Session.set(this._id + "_spinningRng", true);
        const idDB = this._id
        const container = InfosContainers.findOne({
            _id: idDB
        });
        const name = container["nameContainer"];
        const idContainer = container["idContainer"];
        console.log("the container: " + name + " is going to be stopped. His id is: " + idContainer);

        $(event.target).closest(".pause").css({
          'background-color': 'green',
        });

        Meteor.call("container.stop", idContainer);

    },

---

但是什么都没有发生（CSS部分、Meteor方法调用和所有的东西都在工作），所以我试图找出我做错了什么，我不知道为什么它不工作，但是如果你有多个停止/暂停按钮，比如在一个

#中的每个
，您可以为每个按钮指定一个唯一的id，并在jquery中调用它
pause
问题在于
.closest（）
使用最靠近元素的第一个父级。停止和暂停按钮在DOM树中处于同一级别

描述：对于集合中的每个元素，通过测试元素本身并在DOM树中遍历其祖先，获取与选择器匹配的第一个元素。

请尝试以下方法：

$('.pause').css({'background-color': 'green'});