/Javascript/jQuery/Jquery dynamic row number not working properly

Jquery dynamic row number not working properly

$(function() {
  function numberRows($t) {
    var c = 0;
    $t.find("tr").each(function(ind, el) {
      $(el).find("td:eq(0)").html(++c + ".");
    });
  }
  $("#add-service-button").click(function(e) {
    e.preventDefault();
    var $row = $("<tr>");
    $row.append($("<td>"));
    $row.append($("<td>").html($("#add-service").val()));
    $row.append($("<td>").html("<a class='del-service' href='#' title='Click to remove this entry'>X</a>"));
    $row.appendTo($("#service-table tbody"));
    numberRows($("#service-table"));
  });
  $("#form-entry form").submit(function(e) {
    e.preventDefault();
    $("#add-service-button").trigger("click");
  });
  $("#service-table").on("click", ".del-service", function(e) {
    e.preventDefault();
    var $row = $(this).parent().parent();
    var retResult = confirm("Are you sure you wish to remove this entry?");
    if (retResult) {
      $row.remove();
      numberRows($("#service-table"));
    }
  });
});

Source: stackoverflow.com

Similar codes

2 votes356 views1 answer
Jquery datatable returning current datetime
Javascript jQuery
1 vote334 views1 answer
Search in a table jquery
Javascript jQuery
1 vote345 views1 answer
Jquery get element max height
Javascript jQuery
4 votes334 views2 answers
Jquery ajax headers: ( 'authorization': 'bearer)
Javascript jQuery
0 vote302 views1 answer
Using jquery to extend textarea
Javascript jQuery
57 votes388 views4 answers
Get input value jquery
Javascript jQuery
10 votes400 views3 answers
How to change checkbox state in jquery
Javascript jQuery
28 votes354 views6 answers
Jquery scroll to top
Javascript jQuery
5 votes343 views1 answer
On radio button change jquery
Javascript jQuery
5 votes347 views6 answers
How to get class name in jquery
Javascript jQuery