How jquery deletes sibling nodes after specified elements
This article mainly shows you "jquery how to delete the sibling node after the specified element", the content is easy to understand, clear, hope to help you solve your doubts, the following let Xiaobian lead you to study and learn "jquery how to delete the sibling node after the specified element" this article.
Delete method: 1, use the "$(selector). Next (). Remove ()" statement to delete the first sibling node after the specified element; 2, use the "$(selector) .nextAll (). Remove ()" statement to delete all sibling nodes after the specified element.
The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.
Jquery method to delete the sibling node after the specified element
1. Using next () and remove () methods.
Use next () to get the next sibling node of the selected element.
Delete the acquired sibling element using the remove () method
.siblings, .siblings * {display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px } $(document) .ready (function () {$("button") .click (function () {$("h3") .next () .remove () }); div (parent)
P (sibling element)
Span (sibling) h3 (this element) h4 (sibling)
P (sibling element)
Clear the sibling element
2. Using nextAll () and remove () methods.
Use next () to get all the sibling nodes of the selected element.
Delete the acquired sibling element using the remove () method
.siblings, .siblings * {display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px } $(document) .ready (function () {$("button") .click (function () {$("h3") .nextAll () .remove () }); div (parent)
P (sibling element)
Span (sibling) h3 (this element) h4 (sibling)
P (sibling element)
Clear the sibling element
The above is all the content of the article "how to delete sibling nodes after specified elements 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!
