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

Editor to share with you how jquery deletes the first node element, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

In jquery, you can use the eq () and remove () methods to delete the first node element, the eq () method to select the first node element, and the remove () method to delete the selected node with the syntax of "$(selector) .eq (0). Remove ();".

The operating environment of this tutorial: windows7 system, jquery3.2.1 version, Dell G3 computer.

How jquery deletes the first node of an element

In jquery, the first node is obtained using eq (0) and deleted by the remove () method.

Examples are as follows:

1. Create a new html file, named test.html, to explain how jquery deletes the first child element. Create a module using div, and within div, create four lines of text using the p label. Set the id of the div tag to testdiv, which is mainly used to obtain the div object through this id.

Use the button tag to create a button with the name "Delete first child element". Bind the onclick click event to the button button, and execute the myfun () function when the button is clicked.

2. In the js tag, create the myfun () function. In the function, get the div object through id (testdiv), get all the child elements through the children () method, get the first child element using eq (0), and delete it through the remove () method.

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

After clicking the button:

Summary:

1. Create a test.html file.

2. In the file, create a module using div, and create four lines of text using the p tag in div. A button button is also created to trigger the execution of the js function.

3, in the js tag, create a function, in the function, through the div object, through the children () method to get all the child elements, using eq (0) to get the first child element, through the remove () method to delete.

Note:

Eq (0) represents the first child element, eq (1) represents the second child element, and so on.

The above is all the content of the article "how to delete the first node element by jquery". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.