unable to delete row from table using jquery?

SNEH PANDYA

I just wanted to delete row from respective row. I have tried code for that you can see in JSFIDDLE.Its quite simple but still i am getting error. my code for removing tr is

$(document).ready.(function(){
 $("#table-lst-regions .deleteLink").on("click",function() {
    var tr = $(this).closest('tr');
    tr.css("background-color","#FF3700");

    tr.fadeOut(400, function(){
        tr.remove();
    });
  return false;
});
Daniil Grankin

Problem is that new added .deleteLink are not subscibed on click

You can change for example defenition for delete link with onclick attribute

<a class ="deleteLink" onclick="deleteRow(this);">

and add function delete

function deleteRow(el) {
        var tr = $(el).closest('tr');
        tr.css("background-color","#FF3700");

        tr.fadeOut(400, function(){
            tr.remove();
        });
      return false;
    }

Take a look http://jsfiddle.net/48MRf/2/

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

unable to delete row from table using jquery?

From Dev

Unable to delete row from html table using jquery

From Dev

using jQuery drag + drop to delete a row from an SQL table

From Dev

How to delete a row in a table using jQuery?

From Dev

delete any table row using jQuery

From Dev

jQuery onclick delete row from mysql table

From Dev

How to delete table certain table row created from dynamic dataTables using jquery?

From Dev

Unable to delete product from table using PHP

From Dev

Delete an entire row from a table, using MySQL

From Dev

To delete a row dynamically from a table using javascript

From Dev

Unable to delete a row from datatable using ajax and jquery [ajax call not working]

From Dev

Unable to delete row data in my table view from sqlite

From Dev

Add/Delete row dynamically to/from jquery table using angularjs not working properly

From Dev

How do I delete a particular row of a table using jQuery?

From Dev

Delete dynamically-generated table row using jQuery

From Dev

delete table row dynamically using jQuery in asp.net mvc

From Dev

How to delete a specific row of a dynamic table using JQuery

From Dev

How to delete a selected row in a html table by using jQuery?

From Dev

unable to delete a row from jqgrid

From Dev

unable to delete a row from jqgrid

From Dev

On click delete table row in Jquery

From Dev

Delete a row from a JavaFX table using context menu

From Dev

How to delete a row from table using SPSS Modeler

From Dev

Delete a row from table view using custom button - Swift 3

From Dev

JQuery - Delete table row if delete button is clicked

From Dev

Unable to delete table using EPPlus

From Dev

Delete Table row using javascript

From Dev

Delete row of the table using javascript

From Dev

Delete a row from Parse Table

Related Related

  1. 1

    unable to delete row from table using jquery?

  2. 2

    Unable to delete row from html table using jquery

  3. 3

    using jQuery drag + drop to delete a row from an SQL table

  4. 4

    How to delete a row in a table using jQuery?

  5. 5

    delete any table row using jQuery

  6. 6

    jQuery onclick delete row from mysql table

  7. 7

    How to delete table certain table row created from dynamic dataTables using jquery?

  8. 8

    Unable to delete product from table using PHP

  9. 9

    Delete an entire row from a table, using MySQL

  10. 10

    To delete a row dynamically from a table using javascript

  11. 11

    Unable to delete a row from datatable using ajax and jquery [ajax call not working]

  12. 12

    Unable to delete row data in my table view from sqlite

  13. 13

    Add/Delete row dynamically to/from jquery table using angularjs not working properly

  14. 14

    How do I delete a particular row of a table using jQuery?

  15. 15

    Delete dynamically-generated table row using jQuery

  16. 16

    delete table row dynamically using jQuery in asp.net mvc

  17. 17

    How to delete a specific row of a dynamic table using JQuery

  18. 18

    How to delete a selected row in a html table by using jQuery?

  19. 19

    unable to delete a row from jqgrid

  20. 20

    unable to delete a row from jqgrid

  21. 21

    On click delete table row in Jquery

  22. 22

    Delete a row from a JavaFX table using context menu

  23. 23

    How to delete a row from table using SPSS Modeler

  24. 24

    Delete a row from table view using custom button - Swift 3

  25. 25

    JQuery - Delete table row if delete button is clicked

  26. 26

    Unable to delete table using EPPlus

  27. 27

    Delete Table row using javascript

  28. 28

    Delete row of the table using javascript

  29. 29

    Delete a row from Parse Table

HotTag

Archive