javascript - JS/jQuery 替换部分日期字符串不起作用

Question

我有一个可见的表格行，其中包含具有“time-col”类的表格单元格。事实上，我有多个行，并且父行的可见性是动态的。

我正在尝试用数字字符串(即 3、4 等)替换月份的三个字符串表示形式(即 MAR、APR 等)。

根据我脆弱的头脑，以下应该有效:

$('tr:visible .time-col').each(function() {
    // convert month string to numerical representation
    var monthStr = $(this).text().match(/[^\/]*/)[0];
    var months = { 'JAN': '1', 'FEB': '2','MAR': '3','APR': '4','MAY': '5','JUN': '6','JUL': '7','AUG': '8','SEP': '9','OCT': '10','NOV': '11','DEC': '12' };
    var month = months[monthStr];
    $(this).text( $(this).text().replace(monthStr, month) );
});

但结果将正确的字符串替换为“未定义”。现在，如果我替换最后一行:

$(this).text( $(this).text().replace(monthStr, month) );

与:

$(this).text(month);

我得到了相应表格单元格中显示的正确数字(即 3、4 等)。

什么导致了堆栈溢出？¿

Answer 1

$(this).text() 返回一个字符串。修改该字符串不会影响原始字符串。

要修改文本，请设置元素的文本:

var text = $(this).text();
$(this).text(text.replace(monthStr, month));

此外，以字符串作为第一个参数的 .replace() 仅替换字符串的第一个实例。您必须使用正则表达式一次性替换所有出现的情况。