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