在循环中使用jQuery.find会引发错误

Question

所以我正在编写一个应用程序，通过Ajax加载图像的颜色标签。假设我请求某些图像的标签，服务器返回带有颜色的字符串。 每个图像容器还包含相应颜色的四个隐藏div，其中类名表示颜色......

<div class="red"></div> etc...

所以我想我将字符串拆分成一个数组，然后将其循环并将其设置为可见，如下所示：

function attachLabel(obj,col)
...
$.ajax({
        ...
        success:function(response){
            //response contains an array of colors like red,green,blue,yellow
            var cols=response.split(",");
            for(var i=0;i<cols.length;i++) {
                console.log(cols[i]);
                obj.find("."+cols[i])[0].setAttribute('style','display:block')
                }
            },
        });
}

无论如何，这会导致以下错误，但只有在成功设置了两种颜色之后：

Uncaught Error: Syntax error, unrecognized expression: .red

我真的无法绕过这个......任何帮助都会受到赞赏......