javascript - 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>

它所做的是将类为“title”的 DIV 中的所有点替换为空格，并且它确实可以很好地完成这项工作。

但我有许多具有相同“标题”类的 DIV，其中包含不同的字符串，我需要它们全部用空格替换点。但是这里出现了问题，因为我得到的所有这些 DIV“The quick brown fox”上的结果字符串都是相同的，而所有结果字符串应该不同，因为所有源字符串都不同......

我该怎么做才能在所有具有类“title”的 DIV 和每个 DIV 中的所有不同字符串中替换点？

谢谢

Answer 1

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

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