How jquery clears sibling elements
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!
