未捕获的类型错误：对象 x 没有方法'css'

Question

我对此有些新鲜，所以希望这个问题是可以接受的，这可能是一个非常简单的解决方案，但我似乎无法弄清楚什么是错误的。

我在定义与jQuery一起使用的变量时遇到了一些麻烦，我有12个DIV框，带有12个不同的ID，我想按数字选择它们。

我使用的代码是：

//random number
$(document).ready(function(){
    r= Math.floor(Math.random()*13);
    console.log("The random number is: "+r);
});
//select random square
$(document).ready(function(){
    rs = "$("+"'"+"#circle"+r+"'"+")";
    var s = rs;
    console.log(s);
    s.css("background-color" , "green");
});

运行此操作时，可靠的RS返回控制台中的以下错误消息：

uck offerate typeError：object $（'＃criplex'）没有方法'css'

我该如何正确执行此操作？

Answer 1

只需更改以下行，您将RS变量初始化为字符串而不是jQuery对象。

rs = $("#circle"+r);
var s = rs; //add inverted comma

Answer 2

您只需要一个$(document).ready(function(){，而且您可以删除一些冗余代码和错误，只需要：

$(document).ready(function(){
    r= Math.floor(Math.random()*13);
    var rs = $("#circle"+r);
    rs.css("background-color" , "green");
});

Answer 3

无需"

var rs = $("#circle"+r);
rs.css("background-color" , "green");

您不需要新的var

Answer 4

替换

rs = "$("+"'"+"#circle"+r+"'"+")";

rs = $('#circle' + r );