Question

我有一个upvote链接。当用户点击它时，它会隐藏链接（使用upvote图像）并显示没有链接的图像。这是非常基础的，请参阅jsfiddle here。

我的问题是，如何在点击后使用<span class="vote_no">0</span>增加+ 1中的值？因此，如果该span标记中的值为23，那么它应该变为24。

jQuery的：

jQuery(".vote_link").click(function() {
    // Hide link
    jQuery(this).andSelf().hide();

    // Show image
    jQuery(this).next(".vote_img_sub").show();
});

HTML：

<div class="vote_cont">
    <span class="vote_no">0</span>
    <a href="#" class="vote_link"><img class="vote_img" src="http://i.myegy.to/images/77e948107f9d.original.gif" width="52" height="30" /></a>
    <img class="vote_img_sub" src="http://i.myegy.to/images/77e948107f9d.original.gif" width="52" height="30" />
</div>

Answer 1

您可以使用：

 $(this).prev().text(parseInt($(this).prev().text(),10)+1);

<强> Working Demo

Answer 2

我会使用.closest()查找父级，然后使用.find()找到.vote_no，直到你的html发生变化：

$(this).closest(".vote_cont").find(".vote_no").text(parseInt($(this).prev().text(),10)+1);

http://jsfiddle.net/6d5Lgeum/1/

Answer 3

试试这个：

$('.vote_no').text(parseInt($('.vote_no').text())+1)

使用jQuery单击更改页面上的值

3 个答案: