How to hide all the rows in the html table except first two and last row using Jquery

Question

1.00/5 (1 vote)

See more:

jQuery-UI

Posted 31-Jan-16 18:59pm

Member 11559469

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manas_Kumar · Answer 1 · 2016-01-31T19:15:00

Try with below code:

HTML

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){		
        // Hide first two rows
		$("#table1 tr:lt(2)").hide();

        // Hide last row
        $( "#table1 tr:last").hide();
    });
});
</script>
</head>
<body>
<table id="table1">
	<tr>
		<td style="text-align:center;">ghj1</td>
	</tr>
	<tr>
		<td style="text-align:center;">fgh2</td>
	</tr>
	<tr>
		<td style="text-align:center;">n3</td>
	</tr>
	<tr>
		<td style="text-align:center;">xcv4</td>
	</tr>
	<tr>
		<td style="text-align:center;">dsgf5</td>
	</tr>
</table>
<button>Click me</button>
</body>
</html>

How to hide all the rows in the html table except first two and last row using Jquery

1 solution

Solution 1

Add your solution here

Preview 0

How to hide all the rows in the html table except first two and last row using Jquery

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us