how to get row index based on a cell in that row javascript

Question

So basically my php file will return an echo (as a table), and in that table, each row will have a cell that is a delete button to delete that row. whatI want is when button clicked, the row will be delete from table. So I guess the row index is important to implement this. But how can I get row index in this situation in javascript?

You don't need to get the rowIndex. Any node can be deleted by node.parentNode.removeChild(node), including table rows. Note that the parent of a row is always a table section element (tbody, thead, tfoot), not the table element. — RobG
– RobG, Commented Oct 16, 2017 at 6:06
Probably a duplicate of Add/Delete table rows dynamically using JavaScript. — RobG
– RobG, Commented Oct 16, 2017 at 6:10

DylanYi · Accepted Answer · 2017-10-16 05:02:31Z

3

DOM table element has the method deleteRow and you can get the row index of a table row using rowIndex attribute.

var myTable = ...
var rowIndex = btn.parentNode.parentNode.rowIndex;
myTable.deleteRow(rowIndex);`

edited Oct 16, 2017 at 5:02

answered Oct 16, 2017 at 4:49

DylanYi

1921 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to get row index based on a cell in that row javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related