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 declare multiple variables in one statement in Javascript? Highlight and get the details of table row on click using JavaScript JavaScript calculate Fahrenheit from Celsius jQuery show input text inside div after on click event JavaScript example to change image on click How to show hide option list items using jQuery?