jquery 替换原来的html内容

转载于 2016-03-07 13:46:41 发布 · 5.2w 阅读

·

5

·

7

jquery 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了jQuery中用于替换DOM元素的两种方法：replaceWith()和replaceAll()。replaceWith()方法允许用新的HTML内容替换现有的DOM元素，而replaceAll()则将指定的选择器替换为新的元素。

1.replaceWith()
使用括号内的内容替换所选择的内容。
$("#div").replaceWith("<div id="div2">div2</div>");
使用方法如上，将ID为div的元素替换为ID为div2的DIV元素。
 
2.replaceAll()
将选择的内容替换到括号内的选择器。
$("<div>替换后的内容</div>").replaceAll("p");
使用方法如上，将所有的p标签替换为选择的DIV标签。