get() 插入后 jquery 选择

Question

我通过对 php 页面的 get() 调用将行插入到表中，这是有效的。然后我想更新表的行号。

Jquery 更新除最近插入的行之外的所有行。

$("#insert_row").click(function () {
    $.get("print_row.php", function(data){
        $("#table").append(data);
    });
});

$("#insert_row").on("click", function () {
    var rowNumber = 1;
        $(".rowNumColumn").each(function () {
            $(this).text(rowNumber);
            rowNumber++;
        })    
});

我浏览该网站一段时间寻找这个问题的答案，解决方案似乎是 live() 或 on() 修饰符。但是我无法让它为我工作。

Answer 1

您需要在 get 的回调中进行重新编号。现在，您正在 get 请求返回之前重新编号。 get 只是发出 ajax get 请求的快捷方式。 AJAX 是异步的，因此它不会等待请求返回后再继续。

$("#insert_row").click(function () {
    $.get("print_row.php", function(data){
        $("#table").append(data);

        var rowNumber = 1;
        $(".rowNumColumn").each(function () {
            $(this).text(rowNumber);
            rowNumber++;
        }) 
    });
});