jQuery的replaceWith()方法用于替换选中元素的内容。
replaceWith()方法接受一个参数,可以是HTML字符串、DOM元素、DOM元素数组、jQuery对象,用于替换选中元素的内容。
使用replaceWith()方法可以实现以下操作:
-
替换元素的内容:可以使用HTML字符串或DOM元素替换选中元素的内容。
-
替换元素自身:可以使用一个DOM元素或jQuery对象替换选中元素自身。
-
替换多个元素:可以使用DOM元素数组或jQuery对象替换选中的多个元素。
-
返回被替换的元素:replaceWith()方法返回被替换的元素,可以将其赋值给变量进行后续操作。
示例:
HTML结构:
Hello, World!
This is a paragraph.
使用replaceWith()方法替换元素内容:
$("#container p").replaceWith("New Heading
");
替换后的HTML结构:
New Heading
New Heading
使用replaceWith()方法替换元素自身:
$("#container").replaceWith("New Container");
替换后的HTML结构:
New Container
使用replaceWith()方法替换多个元素:
var $newElement = $("New Element");
$("#container p").replaceWith($newElement);
替换后的HTML结构:
New Element New Element
返回被替换的元素:
var $replacedElement = $("#container p").replaceWith("New Heading
"); $replacedElement.css("color", "red");
将被替换的元素赋值给变量后,可以对其进行后续操作。