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

This article mainly shows you "jquery how to remove sibling elements", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "jquery how to remove sibling elements" this article.

Jquery method to clear sibling elements: 1, use siblings (), next (), prev () and other methods to get sibling elements; 2, use remove () method to delete the acquired sibling elements, syntax "sibling elements .remove ()".

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

Jquery clears sibling elements

Implementation method:

To get the sibling elements first, there are generally seven methods: siblings (), next (), nextAll (), nextUntil (), prev (), prevAll (), prevUntil ()

The siblings () method, which is mainly used to get all the elements at the same level of the specified element

The next () method, which is mainly used to get the next sibling element of the specified element

The nextAll () method, which is mainly used to get all elements of the next sibling of the specified element

The nextUntil () method is mainly used to get the next sibling element of the specified element, which must be the element between the specified element and the element set by the nextUntil () method

The prev () method, which is mainly used to get the sibling element at the next level of the specified element

The prevAll () method, which is mainly used to get all the sibling elements one level above the specified element

The prevUntil () method, which is mainly used to get the previous sibling of the specified element, which must be the element between the specified element and the element set by the prevUntil () method

Then delete the acquired sibling element using the remove () method

Example: delete all elements of the same level

.siblings * {display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px } $(document) .ready (function () {$("li.start"). Siblings (). Css ({"color": "red") "border": "2px solid red"}) $("button") .click (function () {$("li.start"). Siblings (). Remove ();}) Ul (parent) li (last sibling node of the class named "star") li (last sibling node of the class name "star") Li element li with class name "star" (next sibling node with class name "star") li (next sibling node with class name "star")

Select all sibling elements of the li element with the class name "star"

Delete all sibling elements

The above is all the content of the article "how to clear the sibling elements of 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.