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">   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"> <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"> <iclass="fas fa-users"></i><spandata-id="2"class="badge badge-warning navbar-badge"></span></button></td></tr></tbody></table>
Post a Comment for "Showing The Count Of My User And Display It On Badge. (codeigniter)"