Javascript 如何知道Rails3上html字段的ID？

舞台： 我使用嵌套模型，假设我们有两个模型：

person

和

car

。 这里有

new.html.erb

页面：

<%= form_for(@person do |f| %>
  ...
  <%= f.fields_for :cars do |car| %>
    <div class="field">
      <%= car.label :color %><br />
      <%= car.text_field :color, :maxlength => 7 %>
    </div>
  <% end %>
  ...
<% end %>

...


7 %>
...

此代码将为每辆车生成：

<form ...>
  ...
  <div class="field">
    <label for="person_cars_attributes_0_color">Car color</label><br />
    <input id="person_cars_attributes_0_color" 
           name="person[cars_attributes][0][color]" 
           size="7" type="text" />
  </div>
  ...
</form>

...
汽车颜色

...

现在假设我们需要为每个输入字段添加一些javascript代码，以生成如下内容：

    <script type="text/javascript">
      $(document).ready( function() { $('#person_cars_attributes_0_color').mycolorpicker(); });
    </script>
    <input id="person_cars_attributes_0_color" 
           name="person[cars_attributes][0][color]" 
           size="7" type="text" />

$（document）.ready（function（）{$（'#person_cars_attributes_0_color'）.mycolorpicker（）；}）；

注意，我们需要在javascript代码输入字段

id

（在本例中

person\u cars\u attributes\u 0\u color

）

问题：如何为生成的每个html字段获取此id值

非常感谢你的帮助。

---

如果您需要更多详细信息，请随时询问我。

我强烈建议您查看Ryan Bates的《宝石》。我认为它会处理好您希望执行的所有操作。

为有问题的字段分配一个您事先确定的ID或类如何

new.html.erb

：

<%= form_for(@person do |f| %>
  ...
  <%= f.fields_for :cars do |car| %>
    <div class="field">
      <%= car.label :color %><br />
      <%= car.text_field :color, :maxlength => 7, :class => 'colorpicker' %>
    </div>
  <% end %>
  ...
<% end %>

---

1月23日，非常感谢您的回复。我会检查它，我会回复任何进展。您好，我看过这些视频，它是类似的，但我仍然不知道如何找到解决我的问题的方法（如果你知道的话，请给我一点指导。嵌套表单gem后面的javascript将为你添加的每个div添加适当的id。然后插入的每个新div的id都是

person\u cars\u attributes\u new\u color

，这太简单了。非常感谢你。我在javascript和jQuery世界里太不在行了。

$(document).ready(function() {
  $('.colorpicker').mycolorpicker();
});