javascript - 如何使用变量在 CoffeeScript 中设置 jQuery 选择器？

Question

我正在编写一个 Rails 应用程序，并且我在同一页面上有多个表单，它们都有不同的 id。在 CoffeeScript 中，我尝试设置标识符来访问每个脚本中的文本区域。下面是 html 在浏览器中的外观的快速示例。

HTML

<a href="#" class="link" data-plan="1">Click here</a>
<form id="new_item_plan_1">
  <textarea id="plan_1_item_field"></textarea>
</form>

设置计划 ID 并尝试访问文本区域

plan_id = 0
$(".link").click ->
  plan_id = $(this).data("plan")
$("#plan_"+plan_id+"_item_field").keypress ->
  ...Some code...

因此，我首先初始化了 plan_id 变量，然后将其设置为 .link 的数据计划值。但我的按键事件在文本区域不起作用，并且我在控制台中没有收到错误。

当我创建测试链接并console.log时...

plan_id = 0
$(".link").click ->
  plan_id = $(this).data("plan")
$("#test).click ->
  console.log(plan_id)

它在控制台中打印了正确的plan_id值，所以我必须在文本区域标识符中做一些错误的事情。我到底出了什么问题？谢谢。

链接到jsfiddle，注意按键事件如何不起作用https://jsfiddle.net/cfscr/175/

Answer 1

<a href="#" class="link" data-plan="1">Click here</a>
<form id="new_item_plan_1">
  <textarea id="plan_1_item_field" class='item-field' data-plan='1'></textarea>
</form>

plan_id = 0
$(".link").click ->
  plan_id = $(this).data("plan")
$(".item-field").keypress ->
  if $(this).data('plan') == plan_id {
     ...Some code...

您可以在文本区域中使用正则表达式而不是另一个 data 标记，我只是懒；)