jQuery：以编程方式替换span内容的问题

我有一个具有以下结构的div（使用bootstrap3），在这个div中有一个span，其中包含类“

投票”

”：

我的HTML:

<div>
    Views: <span class="badge views">12</span>&nbsp;&nbsp;
    Votes: <span class="badge votes">0</span>&nbsp;&nbsp;
    <a href="#">Comments:</a> <span class="badge comments">5</span>
    <span class="pull-right">
        <button class="btn btn-default btn-xs btnVote">Vote</i></button>
    </span>
</div>

现在，我试图替换这个跨度的内容，resp。通过单击同一分区中的按钮向其添加1。 我使用了以下选项，但这并没有改变它：

$(this).closest('div').find('.votes').text(parseInt(votes) + 1);

或

有人能告诉我我做错了什么吗

---

提前谢谢你，蒂姆

看起来应该没问题，尽管我总是在

parseInt

上使用基数。但您可以更高效地执行此操作，而无需两次查找元素：

$(this).closest('div').find('.votes').text(function(i, text) {
    return parseInt(text, 10) + 1;
});

---

看起来应该没问题，尽管我总是在

parseInt

上使用基数。但您可以更高效地执行此操作，而无需两次查找元素：

$(this).closest('div').find('.votes').text(function(i, text) {
    return parseInt(text, 10) + 1;
});

---

看起来应该没问题，尽管我总是在

parseInt

上使用基数。但您可以更高效地执行此操作，而无需两次查找元素：

$(this).closest('div').find('.votes').text(function(i, text) {
    return parseInt(text, 10) + 1;
});

---

看起来应该没问题，尽管我总是在

parseInt

上使用基数。但您可以更高效地执行此操作，而无需两次查找元素：

$(this).closest('div').find('.votes').text(function(i, text) {
    return parseInt(text, 10) + 1;
});

---

它似乎工作正常，还是我错过了什么

HTML:

---

似乎工作正常，还是我错过了什么

HTML:

---

似乎工作正常，还是我错过了什么

HTML:

---

似乎工作正常，还是我错过了什么

HTML:

---

---

这应该是可行的，尽管效率很低。你能创建一个MCVE吗？虽然效率很低，但它应该可以工作。你能创建一个MCVE吗？虽然效率很低，但它应该可以工作。你能创建一个MCVE吗？虽然效率很低，但它应该可以工作。你能创建一个MCVE吗？非常感谢-让我检查一下。结果与我的情况相同。它不会改变投票内容。@user2571510:这并不奇怪，因为你所拥有的应该是有用的。再说一次，你能提供一个答案吗？我想出来了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！非常感谢-让我检查一下。结果与我的情况相同。它不会改变投票内容。@user2571510:这并不奇怪，因为你所拥有的应该是有用的。再说一次，你能提供一个答案吗？我想出来了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！非常感谢-让我检查一下。结果与我的情况相同。它不会改变投票内容。@user2571510:这并不奇怪，因为你所拥有的应该是有用的。再说一次，你能提供一个答案吗？我想出来了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！非常感谢-让我检查一下。结果与我的情况相同。它不会改变投票内容。@user2571510:这并不奇怪，因为你所拥有的应该是有用的。再说一次，你能提供一个答案吗？我想出来了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！谢谢不幸的是，它对我不起作用，但我也没有收到错误消息。还有其他什么可以阻止它工作的吗？我在我的页面上有多个类似上面的div，但当我使用最接近的div时，这应该无关紧要。@user2571510:您检查了演示了吗？演示不起作用？演示绝对可以正常工作，但是如果代码在您的项目中不起作用，那么有必要提供更多细节或创建一个提琴。谢谢-演示可以正常工作。我现在正在检查我的代码中可能会影响这一点的东西。我发现了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！谢谢不幸的是，它对我不起作用，但我也没有收到错误消息。还有其他什么可以阻止它工作的吗？我在我的页面上有多个类似上面的div，但当我使用最接近的div时，这应该无关紧要。@user2571510:您检查了演示了吗？演示不起作用？演示绝对可以正常工作，但是如果代码在您的项目中不起作用，那么有必要提供更多细节或创建一个提琴。谢谢-演示可以正常工作。我现在正在检查我的代码中可能会影响这一点的东西。我发现了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！谢谢不幸的是，它对我不起作用，但我也没有收到错误消息。还有其他什么可以阻止它工作的吗？我在我的页面上有多个类似上面的div，但当我使用最接近的div时，这应该无关紧要。@user2571510:您检查了演示了吗？演示不起作用？演示绝对可以正常工作，但是如果代码在您的项目中不起作用，那么有必要提供更多细节或创建一个提琴。谢谢-演示可以正常工作。我现在正在检查我的代码中可能会影响这一点的东西。我发现了。$（this）不起作用，因为它只在Ajax函数中起作用，而在主函数中不起作用，所以我必须首先传递ID，以便它知道我指的是哪个按钮。谢谢你的帮助！谢谢不幸的是，它对我不起作用，但我也没有收到错误消息。还有其他什么可以阻止它工作的吗？我在我的页面上有多个类似上面的div，但当我使用最接近的div时，这应该无关紧要。@user2571510:您检查了演示了吗？演示不起作用？演示绝对可以正常工作，但如果代码不是

$(".btnVote").click(function(){
    var votes = $(this).closest('div').find('.votes').text();
    $(this).closest('div').find('.votes').text(parseInt(votes) + 1);
});