jquery - 替换中的多个链

Question

如何为称呼 Ms、Cik、Mr、Encik、Puan、Mdm、Mrs 进行多个替换链 -> 总共 7 个文本

我目前只有 2 个文本

$("h1").each(function() {
   $(this).html($(this).html().replace('Ms', '').replace('Cik', ''));
});

我的 HTML 示例如下。我需要隐藏上面的称呼

<h1>Dr Phillips</h1>
<h1>Ms Peter</h1>
<h1>Mr Robert</h1>
<h1>Prof Thomas</h1>
<h1>Mdm Khoo</h1>

JSFiddle 链接:https://jsfiddle.net/mxm2oL0a/3/

Answer 1

您可以使用包含所有要替换的值的正则表达式，如下所示:

$("h1").text(function(i, t) {
  return t.replace(/^(Ms|Cik|Mr|Encik|Puan|Mdm|Mrs)(?:\W)/, '');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Dr Phillips</h1>
<h1>Ms Peter</h1>
<h1>Mr Robert</h1>
<h1>Prof Thomas</h1>
<h1>Mdm Khoo</h1>

请注意，^ 字符定义我们只想查找字符串开头的文本。 (?:\W) 指定我们只想将组捕获为整个单词。鉴于您的示例，这并不是绝对必要的，但更可靠。

另请注意提供给 text() 的处理函数的使用，它不需要显式循环。