使用jQuery进行字符串插值

Bit*_*ise 1 javascript jquery

我试图将变量的值传递给jQuery选择器,但我似乎无法正确.这是我正在使用的:

jQuery的

var state = $("<%= @state %>").selector;
Run Code Online (Sandbox Code Playgroud)

捕获此值 - > "pending"

我试图将该值传递给此选择器:

jQuery的

$(".snitches-index-header + .tags-column .#{state}_count")
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,我正在尝试将字符串传递给jQuery选择器.但这并不像我预期的那样有效.我做错了什么,以便选择器读取:

$(".snitches-index-header + .tags-column .pending_count")
Run Code Online (Sandbox Code Playgroud)

但显然使用变量状态而不是pending

MrC*_*ode 6

您可以将变量与字符串连接:

$(".snitches-index-header + .tags-column ." + state + "_count")
Run Code Online (Sandbox Code Playgroud)

如果您尝试使用模板文字,则需要使用反引号和美元符号#:

$(`.snitches-index-header + .tags-column .${state}_count`)
Run Code Online (Sandbox Code Playgroud)