考虑这个文档片段:
<div id="test"> <h1>An article about John</h1> <p>The frist paragraph is about John.</p> <p>The second paragraph contains a <a href="#">link to John's CV</a>.</p> <div class="comments"> <h2>Comments to John's article</h2> <ul> <li>Some user asks John a question.</li> <li>John responds.</li> </ul> </div> </div>
我想用字符串“Peter”替换字符串“John”的每个匹配项.这可以通过HTML重写来完成:
$('#test').html(function(i,v) { return v.replace(/John/g,'Peter'); });
工作演示:http://jsfiddle.net/v2yp5/
上面的jQuery代码看起来很简单直接,但这是骗人的,因为它是一个糟糕的解决方案. HTML重写会重新创建#test DIV中的所有DOM节点.随后,不保留以编程方式(例如“onevent”处理程序)或用户(输入的表单字段)对该DOM子树进行的更改.
那么执行此任务的适当方式是什么?
解决方法
原文地址:https://www.jb51.cc/js/151842.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。