How to delete the second row of the table in html

You can use jquery's eq() and remove() methods to delete the second row of the table. The specific method is: first use "$('table tr')" to obtain the tr row object of the table, and then Use "eq(1)" to specify the second row object, and finally use the remove() method to delete the second row object.

The operating environment of this tutorial: windows7 system, HTML5&&jquery1.10.0 version, Dell G3 computer.

html jquery deletes the second row of the table

1. Create a new html file and name it test.html, which is used to explain jquery deleting the specified row in the table.

2. In the test.html file, use the table, td, and tr tags to create a table with three rows and two columns. In order to show the table effect, set the table border here to 1px.

3. In the test.html file, use the button tag to create a button with the button name "Delete table row".

4. In the test.html file, bind the onclick event to the button button. When the button is clicked, execute the deltr() function.

5. In the js tag, create the deltr() function. Within the function, write code to delete the specified row in the table.

6. In the deltr() function, use $ to obtain the tr row object through the element name, then select the specified row through the eq() method, and use the remove() method To achieve deletion, for example, delete the second line (eq(1)) here, the code is as follows:

Recommended tutorial: jQuery tutorial

7. Open the test.html file in the browser and click the button to see the effect.

For more programming-related knowledge, please visit: Programming Video! !

The above is the detailed content of How to delete the second row of the table in html. For more information, please follow other related articles on the PHP Chinese website!