/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

1 vote120 views1 answer
Jquery submit form on enter
Javascript jQuery
0 vote127 views1 answer
Which jQuery method is used to set one or more style properties to the selected element?
Javascript jQuery
0 vote128 views1 answer
If window width jquery then display a div at scroll
Javascript jQuery
1 vote151 views1 answer
Adminlte 3 toasts jquery
Javascript jQuery
0 vote139 views1 answer
Convert div to image and download jquery
Javascript jQuery
1 vote137 views1 answer
Jquery serialize form data to object
Javascript jQuery
64 votes121 views5 answers
Get css value jquery
Javascript jQuery
0 vote117 views1 answer
Multiple line string in jquery
Javascript jQuery
0 vote125 views1 answer
Jquery if empty remove div
Javascript jQuery
1 vote124 views1 answer
Change input to required jquery
Javascript jQuery