在 Bootstrap 中清除所有关于数据关闭的 Modal Popup 数据

Question

我在单个页面上有多个引导模式弹出窗口（modal1、modal2、modal3），我想在关闭每个打开的模式时清除或重置表单。我正在使用

$('.modal').on('hidden.bs.modal', function () {
  $('#modal1 form')[0].reset();
}); 

当我关闭 modal1 弹出窗口时，这可以正常工作，上面的代码会重置表单，但我想为应用程序中的所有模式编写通用隐藏代码，例如

 $('.modal').on('hidden.bs.modal', function () {
    $('.commonClass form')[0].reset();
}); 

希望此代码在关闭任何模式弹出窗口时重置表单模式，但在使用 commonclass（在所有模式弹出窗口中）清除表单时它无法按预期工作。有没有办法使用 commonClass 清除表单

Answer 1

循环遍历所有表单对我有用

    $('.commonClass form').each(function() { this.reset() });