javascript - 从 HTML 中删除多个元素的字符串

Question

我想删除标题末尾的冒号，所以我使用:

$('.title').html($('.title').html().replace(':', ''))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">
  Apples:
</div>
<div class="title">
  Oranges:
</div>

它有效，它删除了冒号，但它还将第二个标题 Oranges 替换为 Apples?

https://jsfiddle.net/X528L/8/

Answer 1

您可以给 html 一个闭包，然后独立地更改每个闭包。

$('.title').html(function(index, currentHTML){
  return currentHTML.replace(/:/g, '');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">
Apples:
</div>
<div class="title">
Oranges:
</div>