Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how to add a line of tr to jquery". In the operation of practical 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!

In jquery, you can add a row of tr using the append () method, which adds a new element to the end of the specified element object with the syntax of "table object .append (...)".

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

The method of adding a row to jquery

1. Create a new html file, named test.html, which is used to explain how jquery dynamically adds a line of tr to the specified table. In the test.html file, use the table tag, tr tag, and td tag to create a two-row and two-column table. The following will dynamically add a row to the table.

In the test.html file, set the id of the table tag to testtd, which is mainly used to obtain the table object through this id. Within the test.html file, use the button tag to create a button with the name "add a line tr". In the test.html file, bind the onclick click event to the button button, and execute the addonetr () function when the button is clicked.

2. In the js tag, create the addonetr () function, and within the function, define a variable html, which is used to store the table rows that need to be added. Get the table object through id (testtb), and add a row to the table using the append () method.

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

After clicking the button:

The append () method adds a new element to the end of the specified object element.

This is the end of the introduction of "how to add a line of tr to 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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.