jQuery | replaceWith() 与示例

replaceWith() 方法是 jQuery 中的一种内置方法，用于将所选元素替换为新元素。

句法：

$(selector).replaceWith(content, function)

参数：此方法接受上面提到和下面描述的两个参数：

• content：必填参数，用于指定需要替换的内容。
• para2：可选参数，调用后执行。

返回值：此方法返回具有更改的选定元素。

下面的代码说明了 jQuery 中的 replaceWith() 方法：

示例 1：

    
        The replaceWith method
        
        
        
            button {
                display: block;
                margin: 10px;
                color: red;
                width: 200px;
                padding: 3px;
            }
            div {
                color: green;
                border: 2px solid green;
                width: 200px;
                margin: 3px;
                padding: 5px;
                font-size: 20px;
                text-align: center;
            }
        
    
    
        
        Geeks
        for
        Geeks
          
        
        
            $("button").click(function() {
                $(this).replaceWith("<div>" + $(this).text() + "</div>");
            });
        
    

输出：
在单击任何按钮之前：

点击全部按钮后：

示例 2：在下面的代码中传递了可选函数。

    
        The replaceWith method
        
        
        
            button {
                display: block;
                margin: 4px;
                color: green;
                width: 150px;
                padding: 5px;
            }
            div {
                width: 200px;
                height: 100px;
                padding: 20px;
                border: 2px solid green;
            }
        
    
    
        
            Welcome to 
              
            
            Click Here!
        
          
        
        
            var x = "GeeksforGeeks!";
            $("button").click(function() {
                $("p").replaceWith(x).replaceWith(function(n) {
                    alert("Click ok and string will replace");
                    return n;
                });
            });
        
    

输出：