使用javascript / jQuery向元素添加標題的最有效方法

Question

我在頁面上的段落元素中有一些法語數字（最多24個）作為文本（有些出現多次），我想遍歷這些數字並將相關的英語翻譯添加為title屬性。 我有一個解決方案，但我認為這不是最有效的，因此，我正在尋找一些幫助，以便在可能的情況下編寫更整潔的東西，並對您的解決方案感興趣。

謝謝

Answer 1

創建一個翻譯對象，其中key是法語數字， value是英語翻譯。

var translations = {
    "un" : "one",
    "deux" : "two",
    ...
};
$('.demonstration [class*="col"] p').each(function () {
    var $this = $(this);
    $this.attr('title', translations[$this.text().replace(/\s+/g, '')]);
});

Answer 2

改用數組和對象：

var myTitles = { vingtquatre : 'twenty four', vingtdeux: 'twenty two' }; // add your other keys and values here in that same format, no matter what the order is inside.

$(this).attr('title', myTitles[$(this).text().replace(/\s+/g, '')]);

Answer 3

您可以定義一個列表：

var nums = { 'un': 'one', 'deux': 'two', ... }

然后，將switch替換為：

$(this).attr('title', nums[$(this).text().replace(/\s+/g, '')] || null);

請注意|| null || null是用於當號碼不在列表中時，即它的作用類似於switch的default部分