Php 使用AJAX隐藏div。我可以'；不能让它在多个div上工作

基本上，我有一个表单，可以根据表单中的内容向我的wordpress博客提交帖子。提交时，它使用ajax在页面中隐藏表单（如下所示）。仅当页面上有1个表单时，此选项才有效

我想做的是让多个表单在一个页面上以相同的方式工作。。。每一个在提交时都只隐藏自己

• contact\u form

  是单数形式的DIV ID，可以工作

• 我将
  添加到html页面，因此现在有多个表单的ID为form1、form2、form3等。

  表单号是发送到此脚本的末尾的数字
  

我对ajax/javascript不太了解-如何让它在多个div上工作？以下是我目前的情况（我已经尽可能简化了）。谢谢

---

…再往下一页

$.ajax({
    type: "GET",
    url: "mypage.php",
    data: dataString,
    success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("")
        .append("")
        .hide()
        .fadeIn(1500, function() {
        });
    }
});
return false;

$.ajax({
键入：“获取”，
url:“mypage.php”，
数据：dataString，
成功：函数（）{
$（“#联系方式”）.html（“”）；
$（'#message'）.html（“”）
.附加（“”）
.hide（）
.fadeIn（1500，函数（）{
});
}
});
返回false；

这就是工作：

$(".button").click(function() {
  var form_no = $("input#form_no").val();

  $('#form' + form_no).hide();
});

$(".button").click(function() {
  var form_no = $("input#form_no").val();

  $('#form' + form_no).hide();
});