javascript - 使用 jQuery 删除括号

Question

我想从 div 内容中删除(remove this)。我正在使用它，它可以工作，但它也将 bar 更改为 foo？

var replaced = $("div").html().replace(/\(.*\)/g, '');
$("div").html(replaced);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  foo (remove this)
</div>
<div>
  bar
</div>

https://jsfiddle.net/9uofygx0/1/

Answer 1

问题是因为您正在设置所有 div 元素的 HTML。相反，您需要循环遍历它们并单独更新每个。为此，您可以向 html() 提供一个函数，该函数根据原始值返回新值。试试这个:

$("div").html(function(i, html) {
  return html.replace(/\(.*\)/g, '');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>foo (remove this)</div>
<div>bar</div>