使用Coffeescript / JQuery进行模板化和转义

Question

我写的一些coffeescript下面的选择器一直给我带来麻烦。

$('span[data-id="#{cat_id}"]').attr('class', 'dropdown-toggle icon-button fold')

编译并运行时，引号内的文字变为：

span[data-id="#{cat_id}"]

我尝试将选择器外部的单引号更改为双引号，但后来出现运行时错误：

Application＃handle_404中的ExecJS :: RuntimeError 显示/Users/michaeldiscenza/Documents/RUN_source_repos/run_portal/app/views/layouts/application.html.erb，其中第33行引发： [stdin]：222：88：错误：无法比拟的OUTDENT         $（'span [data-id =“＃{cat_id}”]'）。children（）。attr（'class'，'icon toggle collapse'）

我尝试连接"/'" + selector + "/'"，但这也不起作用。

Answer 1

$("span[data-id=#{cat_id}]")

我猜内部引号在哪里不必要，但是在外部仍然需要双引号以允许解释＃{}