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

This article will explain in detail how to delete superior elements in jquery. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Delete method: 1, use unwrap () method to delete, syntax "$(selector). Unwrap ()"; 2, use parent () to get the superior element, use remove () method to delete the acquired element, syntax "$(selector). Parent (). Remove ()".

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

Jquery deletes the parent element (parent element)

Method 1: use the unwrap () method

The unwrap () method removes the parent element of the selected element, but leaves itself (and sibling element, if present) in its original position.

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

Method 2: use parent () to get the parent element, and use the remove () method to delete the acquired element

The remove () method removes the selected element, including all text and child nodes. This method also removes the data and events of the selected element.

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

Select the parent element of the li element with the class name "star"

Delete parent elements (including child elements)

This is the end of the article on "how to delete superior elements in jquery". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

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.