Javascript Jquery文本和表单在特定div类中单击提交

我有一个php

foreach

，它使用类

生成div。比如-button1,2,3,4..

，并生成更多表单

form1,2,3,4..

目标是当用户单击“like”时，div显示文本消息：

“你喜欢：www.facebook.com/ferrari”

脚本工作正常，但

.hover

功能不是我真正想要的，因为如果单击

like-button1

div中的第一个like，然后转到第二个div，则文本消息会出现在第二个div中

如果您使用class

like-button1单击div中的like，并在该div中显示文本消息并提交表单，而不可能避免脚本在另一个div上悬停，那么我找不到正确的方法来识别正确的div

谢谢大家

FB.Event.subscribe('edge.create', function (response) {

  $(".like-button1").hover(function() {                    
      $(".like-button1").text('Ti piace: ' + response);
      $("#form1").submit();
  });

  $(".like-button2").hover(function() {                    
      $(".like-button2").text('Ti piace: ' + response);
      $("#form2").submit();
  });

  $(".like-button3").hover(function() {                    
      $(".like-button3").text('Ti piace: ' + response);
      $("#form3").submit();
  });

});

您可以执行以下操作，而不是使用唯一类：
向divs添加一个名为
data target=”“
的新属性，该属性带有要提交的表单的id。
i、 e

这将清除所有类中的文本。如按钮，并将文本添加到单击的类中。提交带有
data target=“
属性中传递的id的表单

以这种方式编写代码也会缩短您现在和将来编写的代码量，因为您将来无疑会添加更多类似div的内容
不知道您在问什么，请重新表述整个问题谢谢您对我的困惑问题的友好回答。。。你的代码运行得很好，只是没有解决主要问题，我的意思是，我如何在不使用hover函数的情况下识别正确的表单。。由于foreach生成了更多的“like buttons”div，用户可以将鼠标悬停在另一个div上并发送错误的表单。
< div class="like-button" data-target="form1" >< /div>

FB.Event.subscribe('edge.create', function (response) {
  var formId = $(this).attr('data-target');
  $(".like-button").text('');            
  $(this).text('Ti piace: ' + response);
  $("#"+formId).submit();

});