javascript - 当字符串与键/值对中的键匹配时替换字符串(及其对应的值)

Question

我正在尝试使用 javascript/jQuery在 <abbr title=""> 中将段落中的任何缩写换行标签。

例如，在类似这样的句子中，WHO eLENA 澄清了有关挽救生命的营养干预措施的指南，并协助加强了针对营养不良的行动， WHO和 eLENA都将被包裹在 <abbr> 中标签。我希望 title 属性显示缩写的扩展版本；即 WHO = World Health Organization .

完成此任务的最佳方法是什么？我对 javascript 有点陌生/jQuery所以我在这里的黑暗中摆弄。到目前为止，我已经创建了一个包含所有缩写作为键/值对的变量，并且我可以替换缩写的特定实例，但除此之外别无他法。

Answer 1

首先，您必须准确决定您将使用什么标准来选择替代品——我建议在单词边界上进行选择，这样“我与 WHO 一起工作”会将“WHO”包裹在缩写中，但“WHOEVER TOUCHED” MY BIKE WILL REGRET IT”不会缩写“WHO”。您还应该决定是否要区分大小写(可能您想要区分大小写，这样“The guy who just come in”就不会缩写为“who”。)

1. 使用 jQuery 对文档中的所有文本进行递归。这可以使用 .children 来完成选择器并单步执行元素并阅读所有文本。
2. 对于每个文本节点，将文本拆分为单词。
3. 对于每个单词，在您的键值存储中查找它是否与键匹配。如果是，获取值，并构造一个新元素<abbr title="value">key</abbr> .
4. 将文本节点分解为 a) 缩写之前的文本(一个文本节点)，b) 缩写本身(一个元素)，以及 c) 缩写之后的文本(一个文本节点)。插入所有三个作为原始文本节点父节点的子节点，替换原始文本节点。

这些步骤中的每一个都需要一些工作并查找一些 API 文档，但这是基本过程。