Javascript 隐藏嵌套表单字段和div

我正在RubyonRails4应用程序中使用。在添加的每个嵌套表单中，都有几个带有字段的div。我想在添加嵌套表单时隐藏这些div的内容。使用我当前的jQuery函数，每个嵌套表单的div都是隐藏的（即使在用户正确填写的表单上也是如此）

我在每个嵌套表单添加中添加的HTML+JS：

<%= f.fields_for :loan_securities, :wrapper => true do |loan_security| %>
<div class="div1">
    <section>
        <div class="row">
            <label class="label col col-6 required">Serial Number</label>
            <div class="col col-6">
                <label class="input">
                    <%= loan_security.text_field :security_serial_number, :class => "security_serial_number" %>
                </label>
            </div>
        </div>
    </section>
</div>
<div class="div2">
    <section>
        <div class="row">
            <label class="label col col-6 required">Registration Number</label>
            <div class="col col-6">
                <label class="input">
                    <%= loan_security.text_field :security_registration_number, :class => "security_registration_number" %>
                </label>
            </div>
        </div>
    </section>
</div>
<% end %>

$(function() {
  $(document).on('nested:fieldAdded', function(event){
    $(".div1").hide();
    $(".div2").hide();
  });
});

---

如何使用上面的示例访问这两个div并将它们隐藏在添加的表单中？

我们可以看到您的html吗？根据过去的经验，使用$（）时，它会返回一个元素数组。请尝试$（'.div1'）[0]。hide（）和$（'.div2'）[0]。hide（）@Daryl似乎不起作用。在控制台中，我得到一个未捕获的TypeError：无法读取未定义的属性“hide”。

$(document).on('nested:fieldAdded', function(event){
  // this field was just inserted into your form
  var field = event.field; 
  // it's a jQuery object already! Now you can find date input
  var dateField = field.find('.date');
  // and activate datepicker on it
  dateField.datepicker();
})