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

Editor to share with you how jquery clicks the button to delete the current line. I hope you will get something after reading this article. Let's discuss it together.

Method: 1, to bind the button element click click event, specify the event handler function; 2, in the handler function using the "$(element)" statement to match the element object; 3, the use of ": eq ()" and remove () method to delete the current line, the syntax is "element object .eq (location value). Remove ()".

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

1. Create a new html file named test.html, which is used to explain how jquery deletes the specified line in table. Create a table with three rows and two columns using table, td, and tr tags. To show the effect of the table, set the table border to 1px.

Use the button tag to create a button named "Delete table Line". Bind the onclick click event to the button button, and execute the deltr () function when the button is clicked.

2. In the js tag, create the deltr () function. Within the function, you will write code to delete the specified rows in the table table.

In the deltr () function, use $coincidence to get the tre line object through the element name, then select the specified row through the eq () method, and delete it through the remove () method. For example, here delete the second line (eq (1)), the code is as follows:

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

After clicking the button:

Summary:

1. Create a test.html file.

2, in the file, use table, td, tr tags to create a three-row and two-column table, and create a button button to trigger the execution of the js function.

3, in the js tag, create a function, in the function, use $compliance to obtain the tre line object through the element name, and then select the specified row through the eq () method, and delete it through the remove () method.

Note:

The numbers in the eq () method start at 0, where 0 represents the first line, the second line of code, and so on.

After reading this article, I believe you have a certain understanding of "how jquery clicks the button to delete the current line". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

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.