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

Question

当我点击按钮pause时，我想更改按钮stop的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方法调用以及所有的东西都在工作）所以我试图找到我做错了什么

Answer 1

我不知道为什么它不起作用，但是如果你有多个停止/暂停按钮，就像在#each中一样，你可以给每个按钮一个唯一的id并在jquery <button type="button" class="pause" id="pause-{{id}}">pause</button>中调用它/ p>

Answer 2

问题是.closest()将第一个父亲最接近该元素。您的停止和暂停按钮位于DOM树中的同一级别。

  

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

请改为尝试：

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