How to use jquery or javascript to remove a row at index?

Question

Possible Duplicate:
What is the best way to remove a table row with jQuery?

If I have table with 3 rows using tr tag, how do I remove the first row (index 0) with either jquery or some other javascript?

Answer 1

try

$("tr").eq(0).remove();

However, like @Gregg said, take a look at official docs

Answer 2

This would remove the 3rd row in a table.

$("table tr:eq(2)").remove();

Also, don't forget to use <thead> and <tbody> in your <table>. It makes things more accessible and helps if you want to use a plug-in for sorting later down the road.

Answer 3

Here's the "some other javascript" approach, which is itself very simple:

document.getElementById("myTable").deleteRow(0);

Answer 4

The jQuery docs are a great resource for this kind of thing...

$("tr:first").remove()