jQuery的replaceWith()方法可以用来替换选中的元素,其基本语法如下:
$("selector").replaceWith(content);
其中,selector
指定要替换的元素,content
则是要替换成的内容。下面是一个例子:
<p>旧文本</p> <button onclick="replaceText()">替换文本</button> <script> function replaceText() { $("p").replaceWith("<p>新文本</p>"); } </script>
点击“替换文本”按钮后,页面上的<p>元素就会被替换成新的文本。
与replaceWith()类似的方法还有replaceWithAll()、replaceAll(),它们的作用分别是替换选中元素的所有子元素、用指定内容替换所有匹配的元素。
<div> <p>旧文本1</p> <p>旧文本2</p> </div> <button onclick="replaceText()">替换文本</button> <script> function replaceText() { $("p").replaceWithAll("<span>新文本</span>"); // 或者 $("p").replaceAll("<span>新文本</span>"); } </script>
点击“替换文本”按钮后,页面上的两个<p>元素都会被替换成新的<span>元素。