当使用 jQuery 选择器选择到多个元素时，将所有选中的元素替换成指定元素或 HTML 代码的方法是使用 replaceAll() 方法。
方法语法
$(selector).replaceAll(content, callback)
参数解释：
selector：必须参数，要替换的元素选择器。content：可选参数，转换成新内容的 DOM 元素、数组或 HTML 代码。callback：可选参数，当使用 AJAX 的load()方法替换内容时，可用于在完成时执行的回调函数。
方法实例
现在，我们来看看两个示例：
示例1
我们有一个选择了多个元素的 jQuery 选择器，如下所示：
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ul>
我们要将所有的列表项替换成一个新的段落元素。可以使用如下代码：
var newContent = "<p>This is a new paragraph!</p>";
$("li").replaceAll(newContent);
这将导致上面的 HTML 代码变成如下所示：
<p>This is a new paragraph!</p>
示例2
我们可以使用该方法替换一个元素节点：
<html>
<body>
<p>This is a paragraph.</p>
<div class="container">
<p>This is another paragraph.</p>
</div>
</body>
</html>
现在，让我们替换包含 "This is another paragraph." 文本的段落元素。该元素的选择器是 .container p。要将其替换为以下 HTML 代码：
<h1>This is a heading!</h1>
使用如下代码：
var htmlCode = "<h1>This is a heading!</h1>";
$(".container p").replaceAll(htmlCode);
这将导致 HTML 代码变成如下所示：
<html>
<body>
<p>This is a paragraph.</p>
<h1>This is a heading!</h1>
</body>
</html>
以上就是使用 replaceAll() 方法的示例。该方法对于替换指定元素的内容非常有用。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery中replaceAll()方法用法实例 - Python技术站
微信扫一扫 
支付宝扫一扫 