我需要使用jquery和javascript替换DOM(内存中的网页)中的所有单词。 我需要改变这个:
<html>
<head>
Hi to all
</head>
<body>
Hi to all
</body>
</html>
进入这个:
<html>
<head>
Bye to all
</head>
<body>
Bye to all
</body>
</html>
但是没有修改标签(只有那里的价值)
一试是:
jQuery.fn.replaceEachOne = function (objective, rep) {
return this.each( function(){
$(this).html( $(this).html().replace( new RegExp('(\\s'+objective+'\\s(?![[\\w\\s?&.\\/;#~%"=-]*>]))', "ig"), rep) );
}
);
}
但它会继续替换标签值,如果我把它打破了页面。
帮助!!!
答案 0 :(得分:1)
我猜测标题中会有其他元素,而不是用新文本替换所有元素。试试这样的东西
$(function(){
var element = $('body, head').find('*:contains("Hi to all")');
element.html('Bye to all');
});
答案 1 :(得分:1)
如果您不想更改标签,为什么要修改“html”而不仅仅是文本?
jQuery.fn.replaceEachOne = function (objective, rep) { return this.each( function(){ $(this).text( $(this).text().replace( new RegExp('(\\s'+objective+'\\s(?![[\\w\\s?&.\\/;#~%"=-]*>]))', "ig"), rep) ); } ); }
答案 2 :(得分:0)
尽管效率低下,其中一种方法是:
var element = document.getElementsByTagName('html')[0];
element.innerHTML = element.innerHTML.replace('Hi to all', 'Bye to all');
如果您愿意,也可以用正则表达式替换引号中的“Hi to all”。
答案 3 :(得分:0)
...最后
感谢所有人......
jQuery.fn.replaceEachOne = function (objective, reposition) {
this.contents().each(function(){
if (this.nodeType == Node.ELEMENT_NODE) {
$(this).replaceEachOne(objective, reposition);
} else if (this.nodeType == Node.TEXT_NODE) {
var label = document.createElement("label");
label.innerHTML = this.nodeValue.replace(objective, reposition);
this.parentNode.insertBefore(label, this);
this.parentNode.removeChild(this);
}
});
}