为什么变量不会传入jQuery.each？

Question

我的代码:

$('.colorPick').click(function(e) {
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
var canvas2 = this.getContext('2d');
var data = canvas2.getImageData(x, y, 1, 1).data;
var rgb = 'rgb(' + data[0] + ',' + data[1] + ',' + data[2] + ')';
$('.colorPicker').each(function(rgb) {
    var x = this.width;
    var y = this.height;
    var canvas1 = this.getContext('2d');
    gradient1 = canvas1.createLinearGradient(0, 0, x, y);
    gradient1.addColorStop(0, 'rgb(255, 255, 255)');
    gradient1.addColorStop(0.5, rgb);
    gradient1.addColorStop(1, 'rgb(0, 0, 0)');
    canvas1.fillStyle = gradient1;
    canvas1.fillRect(0, 0, x, y);
});
}).disableSelection();

变量rgb不会传递给下一个.each函数？

如果答案很简单,我是新手

Answer 1

您将rgb匿名函数定义为参数,隐藏父作用域rgb.如果你没有将它声明为参数,它将rgb从父范围中找到(这是我认为你想要的):

// ...
var rgb = 'rgb(' + data[0] + ',' + data[1] + ',' + data[2] + ')';
$('.colorPicker').each(function() {
    // ...