jquery - 多个表单目标单击按钮

Question

我想为页面上的每个图像创建一个评论表单。图像的数量是动态的。jquery 有没有办法针对单击的提交按钮定位表单数据？

我目前有：

$('.comment_button').click(function() {    
var comment = $('input#comment').val();
    var id = $('input#id').val();
    var other = $('input#other').val();
    var dataString = 'comment='+ comment + '&id=' + id + '&other=' + other;

    alert (dataString);
});

这意味着每个图像的所有表单字段和表单名称都是相同的（可能应该使它们具有唯一性以进行验证），但是无论用户单击该特定表单中的某个提交按钮时是否有办法获取表单字段？

Answer 1

据我了解，您的问题是，您可以使用serialize类似的功能

$('form').submit(function() {
  console.log($(this).serialize());
  return false;

});

此处的文档JquerySerialize

Answer 2

为评论表单添加一个容器 div。所以点击找到按钮的父div。然后找到该 div 中的所有输入元素，这将为该评论表单提供输入文本框。

一个示例伪代码..像这样尝试..

$('.comment_button').click(function() {    

  var parentDiv= $(this).parent();
  $(parentDiv "input[type=text]").each(function()
  {
    if(this.id == "comment")
      //get comment text
   .
   .

  });
});