如何獲取與MeteorJS單擊的按鈕旁邊的按鈕

我想要更改按鈕pause的css屬性，當我單擊按鈕stop時。如何獲取與MeteorJS單擊的按鈕旁邊的按鈕

所以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的一部分，流星方法調用和所有的東西正在工作）所以我試圖找到我做錯了什麼

來源

2017-03-07 Jerome

問題是.closest()取第一個父元素最靠近元素。您的停止和暫停按鈕在DOM樹中處於相同的級別。

說明：對於集合中的每個元素，通過測試元素本身並遍歷DOM樹中的祖先來獲取匹配選擇器的第一個元素。 jQuery closest

試試這個：

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

來源

2017-03-07 07:24:45 Zorken17

謝謝你的建議，它的工作原理 – Jerome

歡迎您 – Zorken17

我不爲什麼它不工作，但如果你有多個停止/暫停按鈕，如在#each，你可以給每個按一個唯一的ID並在jquery中調用<button type="button" class="pause" id="pause-{{id}}">pause</button>

來源

2017-03-07 07:18:40 mutdmour

如何獲取與MeteorJS單擊的按鈕旁邊的按鈕

回答

相關問題