带有变量的jQuery选择器找不到元素

Question

我有这行代码

$("#ir-area-name").html(list);

那很好，但是我需要将其移到可以为任何id调用的函数中，我看到的每个答案都说我可以这样运行它：

$("#"+variable_name).html(list);

其中variable_name是包含ID的字符串。但是，这对我不起作用，它找不到任何元素，也没有打印错误消息。将选择器的内容打印到控制台时，它们都将打印值[object Object]。但是，使用变量运行该元素时，该元素将从屏幕上消失（因为它显然没有找到该元素，因此它从未运行过html()）。出于测试目的，我也尝试过这样：

$("#"+"ir-area-name").html(list);

但这仍然找不到元素。所以问题是我该如何在jquery选择器中使用变量（使用jquery 1.7.1，在firefox上进行测试）。

Answer 1

您应该使用字符串连接。

${"#" + ir-area-name).html(list)

或使用ES6字符串替换语法(docs)

$(`#${ir-area-name}`).html(list)

如果找到该元素，则该元素的html将使用list的内容进行更新。