jquery如何删除上级元素

这篇文章将为大家详细讲解有关jquery如何删除上级元素，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

删除方法：1、用unwrap()方法删除，语法"$(selector).unwrap()"；2、用parent()获取上级元素，用remove()方法删除获取到的元素，语法"$(selector).parent().remove()"。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery删除上级元素（父元素）

方法1：使用unwrap()方法

unwrap() 方法可以移除被选元素的父元素，但保留自身（和兄弟元素，如果存在）在原来的位置。

                                                                                                        
                        
ul (父节点)                                
li (类名为"star"的上一个兄弟节点)
                                
li (类名为"star"的上一个兄弟节点)
                                
starli (兄弟节点)
                                
li (类名为"star"的下一个兄弟节点)
                                
li (类名为"star"的下一个兄弟节点)
                        
                
                删除"star"的li元素的上级元素        

方法2：使用parent()获取上级元素，使用remove()方法删除获取到的元素

remove() 方法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。

                                                                                                        
                        
ul (父节点)                                
li (类名为"star"的上一个兄弟节点)
                                
li (类名为"star"的上一个兄弟节点)
                                
starli (兄弟节点)
                                
li (类名为"star"的下一个兄弟节点)
                                
li (类名为"star"的下一个兄弟节点)
                        
                
                
选择类名称为"star"的li元素的上级元素
                删除上级元素（包含子元素）        

关于"jquery如何删除上级元素"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。