jQuery在选择器中包含变量

Question

我尝试在选择器中添加变量，但没有骰子。我尝试了几种不同的方式。

练习1：

function makeDerp() {

  var num = 1;

  $("myDiv" + num).append("<h1>derp</h1>");

}

练习2：

function makeDerp() {

  var num = 1;

  var thing = $("myDiv" + num);

  thing.append("<h1>derp</h1>");

}

实例3：

function makeDerp() {

  var num = 1;

  var thing = "$('myDiv" + num + "')";

  thing.append("<h1>derp</h1>");

}

在所有3，我得到了nada。有任何想法吗？我的语法是什么，或者我错过了一步？

Answer 1

您的第一个和第二个示例将正常工作。问题是你的选择器，它正在寻找类型为myDiv的元素。我猜你的意思是它是一个id selector（也许是一个类选择器，或完全不同的东西，但想法是一样的）：

$("#myDiv" + num).append("<h1>derp</h1>");

你的第三个例子不起作用。 thing包含一个字符串文字，并且没有append方法，因此您将获得TypeError。

Answer 2

我假设您正在使用类或id选择器，在这种情况下，您缺少所述符号。尝试：

$('#myDiv' + num);