有没有办法在javascript或jquery中创建变量选择器

Is there any way to create a variable selector in javascript or jquery?

本文关键字:创建 变量 选择器 jquery javascript 有没有      更新时间:2023-09-26

有没有办法在javascript或jquery中创建变量选择器?

var myColor1 = "#009";
var myColor2 = "#900";
var myColor1L = "#d0d"
var myColor2L = "rgb(255,100,0)";
myFunc(myColor1);
function myFunc(c){
myDiv1.style.backgroundColor = c;
myDiv2.style.backgroundColor = getVarByName(c+"L");
}

结果应该是 myDiv1 的背景颜色是 #009,
myDiv2的背景颜色是 #d0d。

对不起,语法错误!

您应该

使用 Object 来存储这些值:

var colors = {
    myColor1 : "#009",
    myColor2 : "#900",
    myColor1L : "#d0d",
    myColor2L : "rgb(255,100,0)"
}
myFunc('myColor1');
function myFunc(c){
    myDiv1.style.backgroundColor = colors[c];
    myDiv2.style.backgroundColor = colors[c+"L"];
}

您可以使用:

window["myColor1"+"L"]

无法获取调用函数时使用的变量的名称,因为只有变量的值才会发送到函数。当涉及到函数时,该值不保留名称,它仅获取与其关联的参数的名称。

您可以在同一变量

中放置两个值,而不是尝试查找另一个变量。这可以是包含两个项目的数组,也可以是具有两个属性的对象:

var myColor1 = { dark: "#009", light: "#d0d" };
var myColor2 = { dark: "#900", light: "rgb(255,100,0)" };
myFunc(myColor1);
function myFunc(c){
  myDiv1.style.backgroundColor = c.dark;
  myDiv2.style.backgroundColor = c.light;
}

这样,您就不必以特殊方式命名变量。您甚至不必将值放在变量中,只需使用值即可调用函数:

myFunc({ dark: "#900", light: "#fc5" });

试试 Jqueryvar 输出 = $("选择器").css("属性");

在您的情况下,它会像var 输出 = $("#myDiv1").css("背景")