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
JavaScript sort multi dimensional array on specific columns JavaScript calculate Fahrenheit from Celsius How to change the height of Textarea on click? jQuery simple form validations between start date and end date Edit the text of label on click using jQuery JavaScript simple alert on Click