在jquery中,我们可以通过replaceWith()和replaceAll()方法来替换元素中的节点。
语法格式:replaceWith(content) 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。
replaceAll(selector) 替换指定的selector元素。
示例:在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容
1 <script type="text/javascript"> 2 $( function() { 3 $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>"); 4 $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2"); 5 }) 6 </script> 7 </head> 8 <body> 9 <p>姓名:<span id="Span1"></span></p> 10 <p>邮箱:<span id="Span2"></span></p> 11 </body>
注意 replaceWith() 与replaceAll() 方法都可以实现元素节点的替换,二者最大的区别在
于替换字符的顺序,前者是用括号中的字符替换所选择的元素,后者是用字符串替换括号中所选择的元素。同时,一旦完成替换,被替换元素中的全部事件都将消失。