Jquery 如何不通过单击操作触发多个表单div

我的页面上有多个隐藏的表单；每一个都应由相应的跨度元素触发。span元素都共享一个类，当单击特定span元素时，我只希望在模态窗口中显示相应的表单。我正在为模态窗口使用easyModal.js jQuery插件。我当前的设置是将所有表单加载到单独的模式窗口中，而不仅仅是与单击的一个跨度项目对应的一个表单

我的span元素的示例代码如下：

<span class="open-modalwindow">Find by List ID</span>

我理解为什么会存在这种行为，毕竟我是说，对于类为“open modalwindow”的每个项目，都要为类名为“modalform”的每个项目打开模式窗口

由于我将在页面上使用大约20种不同的表单，我试图避免给每个span元素一个唯一的ID，并使用一个单独的jQuery单击处理程序，如：

$('#SomeSpanElementID').click(function(){
   $('#SomeFormElementID').trigger('openModal');
});

---

有没有一种简单的方法来简化这个过程，而不是显式地声明20个单独的jQuery单击处理程序函数来显示我的20个不同表单？

您需要一种方法来将span与表单关联起来。例如，可以使用数据属性指定id：

<span class="open-modalwindow" data-form="submission_byListID">Find by List ID</span>

---

老兄，老兄，哈哈。你和这个人在钱上；它工作得很好！非常感谢！！

$('#SomeSpanElementID').click(function(){
   $('#SomeFormElementID').trigger('openModal');
});

<span class="open-modalwindow" data-form="submission_byListID">Find by List ID</span>

$('.open-modalwindow').click(function(){
  $("#" + $(this).data('form')).trigger('openModal');
});