replaceWith()
和replaceAll()
方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示:
$(selector).replaceWith(content)
和$(content).replaceAll(selector)
replaceWith()被什么替换,replaceAll()是替换什么。
参数selector为被替换的元素,content为替换的内容。
例如,调用replaceWith()
方法将页面中<span>元素替换成一段HTML字符串,如下图所示:
在浏览器中显示的效果:
从图中可以看出,使用replaceWith()
方法替换类别名为“green”的<span>元素,替换之后,旧元素完全由新替换的元素所取代。