淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery的replaceWith()方法可以用来替换选中的元素,其基本语法如下:

$("selector").replaceWith(content);

jquery替换选中元素

其中,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>元素。