Introduction:
Here I will explain in jQuery how to remove previous table row or jQuery remove previous tr in table or remove table previous row or tr in jQuery.
Description:
In previous articles I explained jQuery limit number of characters in textarea, jQuery highlight table row & column on mouseover, jQuery change image on mouseover, Asp.net Tag Cloud Example with database, jQuery show alert message while leaving from website and many articles relating to jQuery, JavaScript and asp.net. Now I will explain how to remove previous table row in jQuery.
In previous articles I explained jQuery limit number of characters in textarea, jQuery highlight table row & column on mouseover, jQuery change image on mouseover, Asp.net Tag Cloud Example with database, jQuery show alert message while leaving from website and many articles relating to jQuery, JavaScript and asp.net. Now I will explain how to remove previous table row in jQuery.
If you want to remove previous table row in jQuery
we need to write the code like as shown below
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Remove Previous table tr</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function()
{
$('input[type="button"]').click(function(e) {
var row = $(this).closest('tr');
var prev = row.prev();
prev.detach();
})
})
</script>
</head>
<body>
<form id="form1">
<div>
<table>
<tr>
<td><input type="button" value="Delete Row1"/></td>
</tr>
<tr>
<td><input type="button" value="Delete Row2" /></td>
</tr>
<tr>
<td><input type="button" value="Delete Row3"/></td>
</tr>
</table>
</div>
</form>
</body>
</html>
|
Live
Demo
To
check live demo try to click on Row3
it will delete Row2 and if you click
on Row2 it will delete Row1
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
1 comments :
Please add disqus account also, as u have added Google, WordPress, livejournal accounts ...
Thanks ...
Note: Only a member of this blog may post a comment.