Jquery如何向表中的数字添加+1

Jquery如何向表中的数字添加+1,jquery,Jquery,所以我用php/mysql生成了一个表,在这个表中有行中的数字。我有一个按钮,当点击时,会在MySQL数据库的这个数值上加上+1。问题是,我必须刷新页面以使新号码显示在表中 我试图在jquery按钮单击事件成功时通过一个函数立即显示新的数字。因此,本质上我需要在表中标识HTML生成的编号,然后向其中添加+1 问题是,该表是用php中的while函数生成的,因此每一行都会动态获取自己的ID 希望这一切都有意义 这是我到目前为止的Jquery代码 $('.upArrow').click(fun

所以我用php/mysql生成了一个表,在这个表中有行中的数字。我有一个按钮,当点击时,会在MySQL数据库的这个数值上加上+1。问题是,我必须刷新页面以使新号码显示在表中

我试图在jquery按钮单击事件成功时通过一个函数立即显示新的数字。因此,本质上我需要在表中标识HTML生成的编号,然后向其中添加+1

问题是,该表是用php中的while函数生成的,因此每一行都会动态获取自己的ID

希望这一切都有意义

这是我到目前为止的Jquery代码

   $('.upArrow').click(function(){
   //this is finding the uparrow button that adds +1
   var row = $(this).attr('rowid');

    $.ajax({
    type: "GET",
    url: "upArrow.php?id="+row,
    cache: false,
    async: false,
    success: function(result){
    //this is tricky part, how do I select the displayed number part of the
    // table, then Add 1?

    },
    error: function(result){
        alert('Error, please try again.');
    }
    });
});
编辑:这是我的HTML表格的一部分:

    <td id="musicDisplay" colspan="2">

    <div id="newUpArrow">
        <a href="javascript:void(0)" class = "upArrow"
        rowid="' . $row['id'] . '"><img src="../Img/upArrow.gif"/>
            </a> </div>

     <!--Here is the number I want to change.-->
    <div>'. $row['points'] . '</div>
 </td>
理论上,您需要将ajax请求的上下文设置为包含所需文本的元素。然后,在成功的情况下,你会增加这个数字

$.ajax({
    /* everything else as before */
    context: $('selector for element containing number to increase'),
    success: function(result) {
        $(this).html(parseInt($(this).html(), 10) + 1);
    }
});
这假定上下文元素的内容始终是一个整数

如果需要按单元格的列和行选择单元格,可以执行以下操作:

    var column = 1;
    var row = 1;

    var $cell = $('table tr:eq(' + row + ') td:eq(' + column + ')');

    $cell.html(parseInt($cell.html(), 10) + 1);
参见小提琴:

不过,您需要将表更改为表的id,否则最终将从和列中该行的每个表中选择所有单元格


注意:看过您的html后,我们将能够提供关于如何选择所需单元格的更详细说明。

您有多少行?从AJAX调用中重新生成表并在返回时重新加载html可能是有意义的。

我第一次读的是Jquery如何将+1添加到一个数字,然后想到OMG;也请发布你的HTML。您也不应该对此使用GET请求。使用Ajax是可以的,但是如果有人只是在地址栏中键入它并查看历史记录等,那么值可能会意外地增加。如果使用parseInt,请不要忘记将正确的基数作为十进制值的第二个参数10传递。如果整个文本是一个数字,+$cell.html是将字符串转换为数字的更快方法。谢谢,Felix。。。我开始编辑它,但后来丢失了页面并忘记了。抱歉:现在修好了。