/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

0 vote316 views1 answer
Jquery click or touch
Javascript jQuery
11 votes376 views3 answers
Addclass removeclass jquery
Javascript jQuery
105 votes366 views6 answers
Foreach loop in jquery
Javascript jQuery
-1 vote333 views1 answer
Waypoint jquery
Javascript jQuery
0 vote369 views1 answer
Jquery duplicate last table row
Javascript jQuery
105 votes391 views6 answers
Jquery each loop
Javascript jQuery
0 vote325 views1 answer
Jquery get cursor position
Javascript jQuery
41 votes310 views6 answers
Set checkbox checked jquery
Javascript jQuery
19 votes366 views4 answers
Get select option selected text jquery
Javascript jQuery
16 votes342 views5 answers
Jquery enable disable textbox
Javascript jQuery