javascript - 用 jQuery 替换相同结构中的不同单词

Question

我在这里找到了一个用 jQuery 替换单个单词的解决方案。该解决方案通常对我有用，但是否可以将其缩短一点？这是代码:

$(document).ready(function() {
    $('.who').text(function(i, oldText) {
        return oldText === 'Dritter' ? 'Ich nehm die Nummer drei' : oldText;
    });
    $('.who').text(function(i, oldText) {
        return oldText === 'Fünfter' ? 'Ich nehm die Nummer 5' : oldText;
    });
    $('.groupheader').text(function(i, oldText) {
        return oldText === 'Sechster' ? 'i am number six' : oldText;
    });
});    

对于这个 div 结构:

<div class="who">Erster</div>
<div class="who">Zweiter</div>
<div class="who">Dritter</div>
<div class="who">Vierter</div>
<div class="who">Fünfter</div>
<div class="who">Sechster</div>

Answer 1

您可以通过将所有替换放在一个对象中来缩短这个时间，以要更改的文本为键。然后，您可以使用单行函数，如果找到的话，用对象中的值替换文本。

var substitutions = {
    'Dritter': 'Ich nehm die Nummer drei',
    'Fünfter': 'Ich nehm die Nummer 5',
    'Sechster': 'i am number six'
}

$('.who, .groupheader').text(function(i, oldText) {
    return substitutions[oldText] || oldText;
});

Working example