Showing The Count Of My User And Display It On Badge. (codeigniter)

Newbie here. I did an ajax to count the users and display it on my badge, however, whenever I'm clicking on 1 button (Modal with table), it is displaying on all badges. For example

Solution 1:

As you have use .navbar-badge this will target all elements which has that class that's the reason its changing all span tags. Instead , as you are already getting data-id of button you can use this to target only required span using $("span[data-id=" + view_id + "]").text("sometext") .

Demo code :

$(document).ready(function() {
  $(".allTable").on("click", function() {
    var view_id = $(this).data('id')

    /*$.ajax({
//somecodes of ajx ..
      */// $("span[data-id="+view_id+"]").text(Object.keys(item).length);
    $("span[data-id=" + view_id + "]").text(10);
    // other codes ../*  }
    });*/
  })
});

<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"><tableclass="table"><theadclass=""><tr><thscope="col"><iclass="fas fa-hashtag"></i></th><thscope="col"><iclass="fas fa-mobile-alt mr-2"></i>UUID</th><thscope="col">Full Name</th><thscope="col"><iclass="fas fa-envelope-open-text mr-2"></i>Email</th><thscope="col"><iclass="fas fa-phone-alt mr-2"></i>Contact Number</th><thscope="col"><iclass="fas fa-at mr-2"></i>Username</th><thscope="col">Level</th><thscope="col">balance</th><thscope="col">&emsp;&emsp;&nbsp;Actions</th></tr></thead><tbody><tr><th>
        1
      </th><td>
        123
      </td><td>
        abc
      </td><td>
        a@gmail.com
      </td><td>
        12213
      </td><td><buttondata-id="1"class=" fundTable btn btn-success btn-sm text-bold "type="button"data-toggle="modal"data-target="#fundModal"><iclass="fas fa-hand-holding-usd mr-1"></i> FUND
                                        </button><buttondata-id="1"class=" allTable btn btn-danger btn-sm text-bold"type="button"data-toggle="modal"data-target="#editModal">&nbsp;&nbsp;&nbsp;<iclass="fas fa-users"></i><spandata-id="1"class="badge badge-warning navbar-badge"></span></button></td></tr><tr><th>
        2
      </th><td>
        1232
      </td><td>
        abc2
      </td><td>
        a2@gmail.com
      </td><td>
        12213
      </td><td><buttondata-id="2"class=" fundTable btn btn-success btn-sm text-bold "type="button"data-toggle="modal"data-target="#fundModal"><iclass="fas fa-hand-holding-usd mr-2"></i> FUND
                                        </button><buttondata-id="2"class=" allTable btn btn-danger btn-sm text-bold"type="button"data-toggle="modal"data-target="#editModal">&nbsp;&nbsp;&nbsp;<iclass="fas fa-users"></i><spandata-id="2"class="badge badge-warning navbar-badge"></span></button></td></tr></tbody></table>