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

Answer 2

你很亲密。您正在获取一个集合，因为有多个元素title作为类名。我建议迭代元素来替换值。

$.each($('.title'), function(key, value) {
    $(value).html($(value).html().replace(':',''));
});