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

Question

我写的一些coffeescript中的这个选择器一直给我带来麻烦。

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

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

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

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

应用程序#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')

我尝试过 concatenating"/'" + selector + "/'" ，但也没有用。

Answer 1

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

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