MeteorJSでクリックしたボタンの隣にあるボタン

Question

ボタンstopをクリックすると、pauseボタンのCSSプロパティを変更したいと思います。私はjQueryの使用して何かをしようとした

そして、私のJSコードで ：

だからHTMLは次のようになります

'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部分、流星のメソッド呼び出しで（起こりませんすべてがうまくいっている）

Answer 1

問題は、.closest()が要素に最も近い最初の親を取ることです。停止ボタンと一時停止ボタンは、DOMツリーの同じレベルにあります。

説明：セット内の各要素について、要素自体をテストし、DOMツリーの祖先を走査することによってセレクタに一致する最初の要素を取得します。 jQuery closest

代わりにこれを試してみてください：

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

Answer 2

私はそれがうまくいかない理由はありませんが、#eachのように複数の停止/一時停止ボタンがある場合は、一意のIDを押して、それをjqueryで呼び出す<button type="button" class="pause" id="pause-{{id}}">pause</button>