Golang React JS Technology Blog

Using jQuery delete table row on click

Delete table row when user click on row

Example

Test1
Test2
Test3
<!DOCTYPE html>
<html lang="en">
   <head>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
      <script>
         $(document).ready(function() {
             $('.deleteRowButton').click(function(){
         $(this).parents('tr').first().remove();
         })
         });
      </script>
   </head>
   <body>
      <table>
         <tr>
            <td><a class="deleteRowButton">Test1</a></td>
         </tr>
         <tr>
            <td><a class="deleteRowButton">Test2</a></td>
         </tr>
         <tr>
            <td><a class="deleteRowButton">Test3</a></td>
         </tr>
      </table>
   </body>
</html>
Most Helpful This Week
How to check if an element or HTML tag exists using JavaScript? ES6 method of declaration multiple variables in one line jQuery get the coordinates of div clicked Generate random password for form field on click using JavaScript Write a function that splits an array into groups the length of size and returns them as a two-dimensional array jQuery Show or Hide text on button click