JQuery выбрать после вставки get ()

Question

Я вставляю строки в таблицу с помощью вызова get () на страницу php, которая работает.Затем я хочу обновить номера строк таблицы.

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++;
        }) 
    });
});