Delete table row when user click on row
<!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 check if first string contains all characters of second string
ES6 method of declaration multiple variables in one line
jQuery example of scroll to top
Generate random password for form field on click using JavaScript
JavaScript calculate Fahrenheit from Celsius
How to scroll page to particular Div on click using jQuery?