话不多说,直接Push代码,⾄于是为什么,就⾃⼰研究了,因为我这边也是因为客户需求才会写这⼀段。CSS代码
textarea {
function startCompare() {
var a = $.trim($("#inpLeft").val());
var b = $.trim($("#inpRight").val());
// var result = getHighLightDifferent(a, b);
// //getHighLightDifferent("1000", "10012");
// console.log(getHighLightDifferent(a, b))
var result = highlight(a, b);
console.log(result)
$("#show1").html(result[0]);
$("#show2").html(result[1]);
return false;
console.log($("#inpLeft"))
}
function distinct(arr) {
js argumentsvar obj = {};
var result = [];
for (i = 0; i < arr.length; i++) {
if (!obj[arr[i]]) { //如果能查到,证明数组元素重复了
obj[arr[i]] = 1;
result.push(arr[i]);
}
}
return result;
};
function highlight() {
var params = Array.prototype.slice.call(arguments);
var result = params.map(function (e) {
e = e.toUpperCase();
e = e.replace(
/[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?]/g,                "");
return e.split("");
});
var maxLen = eval(" Math.max(" + result.map(function (e) {
return e.length
}).join(",") + ")");
result.forEach(function (e) {
if (e.length < maxLen) {
e.length = maxLen;
};
});
var index = [];
for (var i = 0; i < result[0].length; i++) {
if (result[0][i] === result[1][i]) {
continue;
} else {
index.push(i);
}
};
index.forEach(function (e) {
result[0][e] = "<p class='red'>" + (result[0][e] ? result[0][e] : "") + "</p>"
result[1][e] = "<p class='red'>" + (result[1][e] ? result[1][e] : "") + "</p>"
});
return result
}