Jquery how to empty the table except the first two lines

This article introduces the relevant knowledge of "how to clear the table except the first two lines of jquery". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Jquery clears the table in addition to the first two rows of content: 1, use the "$(" tr:first "). Empty ();" statement to select the first row of the table and clear the contents of that row; 2, use the "$(" tr:nth-child (2) "). Empty ();" statement to select the second row of the table and clear the contents of that row.

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

Jquery empties the table except the first two lines

Implementation method:

Use the first selector to select the first row of the table and use empty () to clear the contents

Use the nth-child (2) selector to select the second row of the table and use empty () to clear the contents

Description: the empty () method removes all child nodes and content of the selected element.

Implementation code:

$(document) .ready (function () {$("button") .on ("click", function () {$("tr:first") .empty (); / / clear the first row of the table $("tr:nth-child (2)") .empty () / / clear the second row of the table});}) Commodity price T-shirt ¥100 cowboy coat ¥250 jeans library ¥150

Clear the table except the first two lines

This is the end of the content of "how to clear the table except the first two lines of jquery". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!