使用存储在变量中的选择器访问 DOM 元素

Question

我正在动态构造一个选择器，如下所示

...code before
my_selector = '"[data-my-selector=' + "'" + id + "'" + ']"';
alert( "The jQuery object is : " + $(my_selector) );
....

此代码在警报中停止执行。

选择器构造正确，它的值为“[data-my-selector='453']”（如果我alert(my_selector)）。如果我通过控制台访问 $("[data-my-selector='453']")，它就可以工作。

但是当我尝试从控制台访问 $(my_selector) 时，出现错误 Error: Syntax error, unrecognized expression: "[data-my-selector='453']"

你知道错误是什么吗？

谢谢

Answer 1

双引号不应该是变量的一部分。当您对字符串进行硬编码时，您需要双引号来表示它是一个字符串。

my_selector = '[data-my-selector="' + id + '"]';

Access DOM element with a selector stocked in a variable