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

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

方法一：

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

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

 
 
  
 
     
        Remove the parent element not
        its child using jQuery
    
      
    
    

  
 
     
        GeeksForGeeks 
    
      
    
          
        
        
          
        
            click here
        
          
        
        
          
    
      
     
        var up = document.getElementById('GFG_UP');
        up.innerHTML = "This content is inside a big DIV.";
        var down = document.getElementById('GFG_DOWN');
          
        down.innerHTML = "Click on the button to remove "
                        + "just this parent DIV";
          
        var heading = document.getElementById('h1');
          
        function GFG_Fun() {
            var content = $("#parent").contents();
            $("#parent").replaceWith(content);
        }
     
 
  

输出：

• 在点击按钮之前：

• 点击按钮后：

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

  

    
        Remove the parent element not
        its child using jQuery
    
  
    
    

  

  
    
        GeeksForGeeks
    
  
    
  
        
            This content is inside a big DIV.
        
  
        
            click here
        
  
        
            Click on the button to remove just this parent DIV
        
    
  
    
        function GFG_Fun() {
            $("#parent").contents().unwrap();
        }
    

  

输出：

• 在点击按钮之前：

• 点击按钮后：