更改哪个元素递增 JavaScript

Question

在 JavaScript 中创建一个立即更新到 MongoDB 的排行榜。为了增加某人在排行榜上的点数，您点击相应的<div>，他们的得分就会增加 5 个“点”。

这是通过使用这个函数来完成的

Template.leaderboard.events({
'click div.inc': function () {
  Players.update(Session.get("selected_player"), {$inc: {score: 5}});
}
});

我希望用户只更新一个播放器，但允许更改。所以举个例子，如果用户选择“John Smith”，“John Smith”应该只能增加5分。除此之外，如果用户决定将积分分配给“Janie Smith”，“John Smith”应该会失去 5 分，而“Janie Smith”应该会获得积分。

最好的方法是什么？我可以通过找出之前的“selected_div”来做到这一点吗？

Answer 1

用这个替换Template.leaderboard.events：

Template.player.events({
  click: function() {
    // only continue if this was not the last player clicked
    if (!this.isLast) {

      // find the last player clicked
      var lastPlayerClicked = Players.findOne({isLast: true});

      // remove the isLast marker from the previously clicked player and
      // decrement her score
      if (lastPlayerClicked) {
        var modifier = {$inc: {score: -5}, $unset: {isLast: ''}}
        Players.update(lastPlayerClicked._id, modifier);
      }

      // update this player with a new score and mark her as last
      Players.update(this._id, {$inc: {score: 5}, $set: {isLast: true}});
    }
  }
});

它通过设置或删除isLast 来跟踪最后点击的玩家，然后根据需要修改当前和最后一个玩家。在添加之前，您可能希望通过运行 meteor reset 来确保您拥有一个干净的数据库。

Answer 2

我认为您需要将最近的玩家添加到数据库中：

Template.leaderboard.events({
    'click input.div': function () {
      var player = Session.get("selected_player");
      var currentPlayer = Players.find(player);
      var recentlyChanged = Players.find({changed: true});

      if(recentlyChanged === currentPlayer) {
          Players.update(player,  {$inc: {score: 5}});

      } else {
          Meteor.call('newScore', recentlyChanged, player);

      }
    }
  });

if (Meteor.isServer) {

 Meteor.methods({
        newScore: function(recentlyChanged, player) {
            if(recentlyChanged) {
                Players.update(recentlyChanged, {$inc: {score: -5}});
            }
            Players.update({}, {changed: false}, {multi: true});
            Players.update(player, {changed: true}, {$inc: {score: 5}});
        }
    });

}