jquery替换

jQuery 替换元素或内容的方法

使用 jQuery 可以方便地替换 DOM 元素或内容，以下是几种常见的替换方法：

替换整个元素 使用 .replaceWith() 方法可以替换匹配的元素：

$("#oldElement").replaceWith("<div id='newElement'>新内容</div>");

替换元素内容 使用 .html() 方法可以替换元素内部的 HTML 内容：

$("#targetElement").html("<p>新的HTML内容</p>");

使用 .text() 方法可以替换元素的文本内容：

$("#targetElement").text("新的文本内容");

替换多个元素 可以同时替换多个匹配的元素：

$(".oldClass").replaceWith("<div class='newClass'>替换后的内容</div>");

使用回调函数替换 .replaceWith() 也支持回调函数：

$("div").replaceWith(function() {
  return "<p>" + $(this).text() + "</p>";
});

克隆并替换 可以先克隆元素再替换：

var newElement = $("#original").clone();
$("#original").replaceWith(newElement);