Javascript 选择多个表单中的表单数据

我有这样一个php循环：

<?php foreach($result as $row) { ?>

    <form action="" method="post" name="my-form" id="my-form">
        <input type="hidden" name="user-id" id="user-id" value="<?php $row['user_id']; ?>">
        <input type="submit" name="submit" id="submit" value="Submit">
    </form>

<?php } ?>

根据单击/提交的表单，我需要使用javascript获取表单值

问题：只有第一个表单有效，因为getElementById只对一个id有效。我如何使其能够单击任何表单？感谢您像这样使用jquery。最好使用标记名或类名而不是表单的ID。因为ID是唯一的

$(document).on('submit' ,'form',function(e){
  e.preventDefault();
 var query = $(this).serialize()
 console.log(query)
})

范例

$document.on'submit'，form'，function e{ e、 防止违约； var query=$this.serialize console.logquery }

---

使用以下代码。想法是为每个表单使用一个公共类，并在该类上附加提交事件

//在类上附加提交事件，这对于每个表单都很常见 $“.my forms”。在“提交”上，函数为{ 防止违约； var curObj=$this，queryString=curObj.serialize； console.logqueryString； };

$(document).on('submit' ,'form',function(e){
  e.preventDefault();
 var query = $(this).serialize()
 console.log(query)
})