jquery - 更改背景颜色反转文本jQuery

我找到了一些很有前途的代码来做随机的背景CSS颜色并反转文本颜色，但是似乎无法使它正常工作。任何帮助是极大的赞赏。

$(document).ready(function() {
var colors = ['#000000', '#FF3516', '#34FF17', '#2458FF'];
function UpdateColors() {
    $(this).each(function(index) {
        var color = colors[Math.floor(Math.random() * colors.length)];
        var invertedColor = invertColor(color);
        $(this).css({
            'background-color': color,
            'color': invertedColor
        });
    });
}
//$('div').UpdateColors();
});

在这里摆弄：

https://jsfiddle.net/abennington/h49zh3gy/10/

最佳答案

您没有扩展jQuery，所以看不到$（'div'）。UpdateColors（）函数。

我对此进行了调整，以便您可以通过以下方式使用该功能：jQuery.fn.UpdateColors = function () { ... }

看到这个小提琴https://jsfiddle.net/h49zh3gy/11/

但是，由于invertColor函数未在任何地方定义，您仍然会收到错误消息。