javascript - 如何使用 Jquery 将元素设置为变量的值

Question

我正在建立一个投资组合网站。用户可以使用左箭头和右箭头单击我的作品。左右箭头将变量 x 设置为 1,2 或 3 并通过函数“workSelection”发送它。当用户点击作品时，我希望它更新作品标题以匹配所选作品的变量(1,2 或 3)。

var workTitle1 = "Work 1";
var workTitle2 = "Work 2";
var workTitle3 = "Work 3";

function workSelection(x)
{
      var loop = 1;
      while (loop < 4)
        {
          if (x == loop)
            {
                $("#workTitle").html('workTitle'+loop);
            }
          loop++;
        }
}

如何更改 $("#workTitle").html('workTitle'+loop);显示workTitle1、workTitle2、workTitle3的值。相反，现在它仅显示值为“workTitle1”等的字符串...而不是变量本身的值。

感谢您的帮助!

Answer 1

您可以使用window['workTitle'+循环]

var workTitle1 = "Work 1";
var workTitle2 = "Work 2";
var workTitle3 = "Work 3";

function workSelection(x)
{
    $("#workTitle").html(window['workTitle'+ x]);
}

编辑: 不需要循环，我只是回答了如何更改 $("#workTitle").html('workTitle'+loop) 以显示 workTitle1 的值> :)