Can't get appeneded rows jquery

Asked Jan 23 '20 at 09:42

Active Jan 23 '20 at 09:42

Viewed 23 times

For some reason, I cannot access the data from appended rows. The count shows 0. The rows are appended but I just can't access the dynamic ones.

fetchRecords();
var count = $('#tabledata').rows;
console.log(count);

function fetchRecords() {
  $.ajax({
    url: '/data',
    type: 'get',
    dataType: 'json',
    success: function(response) {
      var len = 0;
      if (response['data'] != null) {
        len = response['data'].length;
      }
      if (len > 0) {
        for (var i = 0; i < len; i++) {

          var amount = response['data'][i].amount;
          var style = response['data'][i].style;
          var row = '<tr>' +
            '<td class="symbol"><label class="label bg-dark">' + amount + '</label></td>' +
            '<td> ' + style + ' </td>' +
            '</tr>';
          $("#tabledata").append(row);
        }

edited Jan 23 '20 at 09:42

Rory McCrossan

331,213
40
305
339

asked Jan 23 '20 at 09:42

LEGENDA

1

`$.ajax` is asynchronous, you're trying to get the appended data before it has been appended. Put that code in the `success` function and it will work. – Barmar Jan 23 '20 at 09:44
call the counting function only after appending the data – Sushil Jan 23 '20 at 09:45
@Barmar Which code? I need to access the code outside ajax part. – LEGENDA Jan 23 '20 at 10:21
@Sushil it is not working. – LEGENDA Jan 23 '20 at 10:21
@rastam4n You can't do that. The code outside the ajax part doesn't wait for the ajax to finish. Do you understand what "asynchronous" means? – Barmar Jan 23 '20 at 10:23
Okay, I didn't really understand the async, so now I solved the issue by using ajaxComplete function. Thanks a lot. – LEGENDA Jan 23 '20 at 13:18

Can't get appeneded rows jquery

0 Answers0