javascript - 使用 jquery 跨属性搜索字符串

Question

我有不同的属性，其中包含相同的文本字符串。喜欢:

<div id="outer">
<div id="carousel-example-generic"></div>
<div data-target="#carousel-example-generic"></div>
<a href="#carousel-example-generic" ></a>
</div>

如何使用 jquery 在这些元素上查找并重命名“carousel-example-generic”？

Answer 1

你可以这样做:

$(document.documentElement).html(function(i,val){
    return val.replace(/carousel-example-generic/g,'my-new-string');
});

...但要小心，这将替换文档中各处的字符串:标签、文本、值、各处。此外，正如 Salman 在下面所说，事件处理程序也会被销毁，包括父元素的事件处理程序。

根据上面的示例，此处显示的代码会生成以下 html:

<div id="outer">
<div id="my-new-string">asdfasdf</div>
<div data-target="#my-new-string">asdfadsfad</div>
<a href="#my-new-string">asdfasdfa</a>
</div>

这是一个fiddle 。检查元素以查看更改。