Javascript 单击div时更改颜色和编号

我想在单击div时更改html元素的颜色和编号。 例如，当您单击向上箭头时，数字从4变为5，颜色也随之改变 变化也是如此

initial state

↑ 4.↓ ↑ 5.↓ ↑ 3.↓ 以下是我到目前为止的资料。
我知道如何在单击时更改div的颜色，但是我不知道如何从单击其他div更改div的颜色。然后在上面添加+1或-1

---

注意-用户：刚才问了同样的问题，但是他删除了它，因为人们在取笑他，因为他称它为小提琴而不是JSFIDLE

你的意思是这样的吗

$('#clickDIV').click(function() {
  var x = $('#zielDIV').text() +1;
  $('#zielDIV').html(x);
});

使用此方法非常简单：

HTML:

在行动中看到它：

针对多重投票的保护：

---

我希望这个问题能回来，因为我已经准备好了一个简单的答案。谢谢。你是在试图重新创造所谓的社会吗？；）可惜我们不能问用户：uneducatedguy。我也很好奇他想用这段代码做什么。我想你必须在求和之前解析整型文本，而且你还可以将文本作为文本函数的参数传递；）添加额外的逻辑（例如，只允许一次向上和/或向下投票，重置颜色等）非常简单，但由于原始问题没有说明任何进一步的要求，我将此作为练习留给读者。我假设提出此问题的人都试图欺骗某种基本的ajax效果。。。您应该修改代码，这样您只能向上投票一次，向下投票一次。我只希望有人能找到这段代码。

down voted

$('#clickDIV').click(function() {
  var x = $('#zielDIV').text() +1;
  $('#zielDIV').html(x);
});

<div class="arrow-up" data-bind="click: num.upvote.bind(num)"></div>
<h5 data-bind="text: num.value, css: { pink: num.changed }">3</h5>
<div class="arrow-down" data-bind="click: num.downvote.bind(num)"></div>

function Num(value) {
    this.value = ko.observable(value);
    this.changed = ko.observable(false);
}

Num.prototype.upvote = function() {
    this.value(this.value()+1);
    this.changed(true);
}

Num.prototype.downvote = function() {
    this.value(this.value()-1);
    this.changed(true);
}

var model = {
        num: new Num(1),
}

ko.applyBindings(model);