jQuery: Remove a specific table row

jQuery Practical exercise Part - I : Exercise-41

Remove a specific table row using jQuery.

Sample Solution:

HTML Code:

<!DOCTYPE html>
<script src="https://code.jquery.com/jquery-git.js"></script>
 <meta charset="utf-8">
 <meta name="viewport" content-width="device-width">
 <title>Remove a specific table row using jQuery.</title>
 <table id="mytable">
  <tr id="r1">
  <tr id="r2">
   <p> <input id="button1" type="button" value="Click to remove 2nd Row." /></p>

CSS Code:

table, th, td {
    border: 1px solid black;

JavaScript Code:


See the Pen jquery-practical-exercise-41 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.

Previous: Find the loaded jQuery version.
Next: Set value in input text using jQuery.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.