javascript - 使用 jQuery 进行字符串插值

Question

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

jQuery

var state = $("<%= @state %>").selector;

捕获此值 -> “pending”

我正在尝试将该值传递给此选择器:

jQuery

$(".snitches-index-header + .tags-column .#{state}_count")

如您所见，我正在尝试将字符串传递到 jQuery 选择器中。但这并不像我预期的那样有效。我做错了什么，选择器会显示:

$(".snitches-index-header + .tags-column .pending_count")

但显然使用变量 state 而不是 pending？

Answer 1

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

$(".snitches-index-header + .tags-column ." + state + "_count")

如果您尝试使用模板文字，那么您需要使用反引号和美元符号而不是 #:

$(`.snitches-index-header + .tags-column .${state}_count`)