jquery replaceWith方法

在 jQuery 中,replaceWith() 方法用於替換選定元素的內容或外部元素。使用此方法時,你可以將一個元素替換為另一個元素,同時保留其在 DOM 中的位置
以下是 replaceWith() 方法的使用方法:

 

$(selector).replaceWith(newContent)
 
其中,selector 是要被替換的元素,可以使用 jQuery 的選擇器來選擇;newContent 是新的內容,可以是 HTML 字符串、DOM 元素、jQuery 對象,或者是一個返回這些類型之一的函數。

以下是一個簡單的例子,使用 replaceWith() 方法把 第一個P元素替換為新的元素(Hello world!):

 


$("button").click(function(){
    $("p:first").replaceWith("Hello world!");
});

值得注意的是,replaceWith() 方法不僅可以替換元素的內容,也可以替換元素本身,例如:
 

$('#myDiv').replaceWith($('#myNewDiv'));

執行這段代碼後,原來的 myDiv 元素會被替換為新的 myNewDiv 元素