Jquery用一个类替换所有DIV内部空格的点

Question

我正在使用最新的Jquery和以下脚本:

<script type="text/javascript">
$(document).ready(function(){
var el = $('.title');
el.html(el.html().replace(/\./gi, " "));
});
</script>

这是div:

<div class="title">The.quick.brown.fox</div>

它的作用是用DIV中的空格替换所有带有"标题"类的空格点,这对于这项工作来说真的很好.

但是我有很多DIV,它们具有相同的"标题"类,其中包含不同的字符串,我需要它们全部用空格替换点.但是这里出现的问题就是所有我得到的是所有这些DIV上的结果字符串"快速棕色狐狸",而所有结果字符串应该是不同的,因为所有源字符串都不同...

我怎么做才能在所有DIV中用"class"类和每个DIV中的所有不同字符串替换点？

谢谢

Answer 1

您可以使用each()迭代匹配的元素,或者将函数传递给html()并在那里计算新文本:

$(document).ready(function() {
    $(".title").html(function(index, currentHtml) {
        return currentHtml.replace(/\./gi, " ");
    });
});