📌  相关文章
📜  如何使用 jQuery 删除除其子元素之外的父元素?

📅  最后修改于: 2022-05-13 01:55:58.023000             🧑  作者: Mango

如何使用 jQuery 删除除其子元素之外的父元素?

给定一个 HTML 文档,任务是删除除其子元素之外的父元素。

方法一:

  • 使用 contents() 方法选择所有直接子元素,包括所选元素的文本和注释节点。
  • 所选元素存储在变量中。
  • 现在,使用 replaceWith() 方法将父元素的内容替换为存储在变量中的所有子元素。

示例:本示例使用 contents() 和 replaceWith() 方法删除除其子元素之外的父元素。

 
 
  
 
     
        Remove the parent element not
        its child using jQuery
    
      
    

  
 
    

          GeeksForGeeks      

           
                   

        

                                       

        

               
                 

输出:

  • 在点击按钮之前:



  • 点击按钮后:

方法二:这种方法使用 unwrap() 方法从被选元素中移除父元素。
例子:



  

    
        Remove the parent element not
        its child using jQuery
    
  
    

  

  
    

        GeeksForGeeks     

       
           

            This content is inside a big DIV.         

                       

            Click on the button to remove just this parent DIV         

    
          

输出:

  • 在点击按钮之前:

  • 点击按钮后: