javascript - 比较 2 个字符串并改变颜色

Question

我真的不知道该怎么办。我从数据库中得到 2 个字符串，逗号分隔如下

string1 = "DD,CC,FF"
string2 = "DD,XX,FF"

我将把 string1 绑定(bind)到 html 表。

你可以看到两个字符串是不同的。我想要做的是在字符串 1 中找到 string2，然后仅突出显示字符串的更改部分。

所以我的输出将是 字符串1 = DD,CC,FF

所以我的表格将显示整个字符串，但会突出显示表格中的值“CC”。

我该怎么办？我愿意使用 jquery 或 javascript。

Answer 1

比较每个逗号分隔的值，如果它们不相同，则用某种标签括起来:

function checkStrings(str1, str2) {
    str1 = Array.isArray(str1) ? str1 : str1.split(',');
    str2 = Array.isArray(str2) ? str2 : str2.split(',');

    for (var i=0; i<str1.length; i++) {
        if (str1[i] !== str2[i]) 
            str1[i] = '<b>' + str1[i] + '</b>';
    }
    return str1.join('');
}

FIDDLE

或者如果顺序不重要:

function checkStrings(str1, str2) {
    str1 = Array.isArray(str1) ? str1 : str1.split(',');

    for (var i=0; i<str1.length; i++) {
        if (str2.indexOf(str1[i]) == -1) {
            str1[i] = '<b>' + str1[i] + '</b>';
        }
    }
    return str1.join('');
}

FIDDLE