Question

jQuery 字符串查找替换 方法

<div style="width: 1000px; padding-bottom: 10px;"></div>
我想将整个页面中所有出现的样式 width: 1000px 替换成 width: 900px

Answer 1

jquery中的字符串查找替换有2个类似的方法，但都是查找替换dom元素的方法，而不是查找替换纯文本的方法。

1、replaceWith()，将所有匹配的元素替换成指定的HTML或DOM元素。

示例：

把所有的段落标记替换成加粗的标记。

HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").replaceWith("<b>Paragraph. </b>");
结果:
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>

2、replaceAll()，用匹配的元素替换掉所有 selector匹配到的元素

示例：

把所有的段落标记替换成加粗标记
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("<b>Paragraph. </b>").replaceAll("p");
结果:
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>

注意：

如果需要查找纯文本替换，可以直接使用js中的String.replace(regexp, replacement)
方法。

示例：

要确保单词“JavaScript'’中的大写字符是正确的，可用下列代码：

text.replace(/javascript/i, "JavaScript");

Answer 2

$("[style*='width:1000px']").each(function(i,e){
    $(e).css("width","900px");
});

Answer 3

这个完全用Javascript就解决了的事，和Jquery基本不关。

寻找@，替换成/
var t='abcde@#.123';
t=t.replace('@','') // 结果：abcde/#.123

还有很多，可以百度一下，搜索“Javascript 字符串处理“，有很多这样的文章。

Answer 4

jquery 查找：

$.find("要查找的属性或者字符串");

jquery 替换：
$(“image”).attr(“src”).replace(“size=60″, “size=200″);

Answer 5

$("div[style~='width: 1000px;']").each(function(){
   $(this).attr("style",$(this).attr("stlye").replace("width: 1000px ","width: 900px"))
})