/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

3 votes179 views1 answer
Fadein fadeout jquery
Javascript jQuery
0 vote189 views1 answer
Jquery select selected get data name
Javascript jQuery
12 votes187 views4 answers
Jquery get data attribute value by class
Javascript jQuery
0 vote201 views1 answer
How to add make touchstart passive in jquery "3.4.0"
Javascript jQuery
33 votes169 views6 answers
Jquery get radio button checked
Javascript jQuery
27 votes211 views3 answers
Jquery if id exists
Javascript jQuery
1 vote195 views1 answer
Get header height jquery
Javascript jQuery
13 votes188 views3 answers
Jquery switch class
Javascript jQuery
3 votes227 views4 answers
Jquery toggle input checkbox
Javascript jQuery
18 votes199 views5 answers
JQuery AJAX form submit
Javascript jQuery