Javascript 向提交时的行值添加1

我想知道如何在提交表单时向嵌套div中的值添加1

<form id="form1" name="form1" method="post" action="" class="submit">
  <table width="30%" border="0" cellspacing="4" cellpadding="4">
    <tr>
      <td width="58%"><div class="fav_count">1</div></td>
      <td width="42%"><input type="submit" name="button" id="button" value="Submit" /></td>
    </tr>
  </table>
</form>
<form id="form2" name="form1" method="post" action="" class="submit">
  <table width="30%" border="0" cellspacing="4" cellpadding="4">
    <tr>
      <td width="58%"><div class="fav_count">2</div></td>
      <td width="42%"><input type="submit" name="button2" id="button2" value="Submit" /></td>
    </tr>
  </table>
</form>
<form id="form3" name="form1" method="post" action="" class="submit">
  <table width="30%" border="0" cellspacing="4" cellpadding="4">
    <tr>
      <td width="58%"><div class="fav_count">3</div></td>
      <td width="42%"><input type="submit" name="button3" id="button3" value="Submit" /></td>
    </tr>
  </table>
</form>
<form id="form4" name="form1" method="post" action="" class="submit">
  <table width="30%" border="0" cellspacing="4" cellpadding="4">
    <tr>
      <td width="58%"><div class="fav_count">4</div></td>
      <td width="42%"><input type="submit" name="button4" id="button4" value="Submit" /></td>
    </tr>
  </table>
</form>

1.
2.
3.
4.

这是一把小提琴

---

对jquery的任何帮助都将不胜感激。谢谢

如上评论所述，提交表单时不能这样做，因为这会导致页面重新加载。但是，您可以取消默认表单提交行为，并使用ajax或其他方法重新实现它。如果是这样，您可以这样做：

$("#form1").on('submit', function(e){
    e.preventDefault();
    // do some stuff here...
    $(this).find(".fav_count").each(function() {
        $(this).text(+($(this).text()) + 1)
    })
})

---

如上所述，提交表单时不能这样做，因为这会导致页面重新加载。但是，您可以取消默认表单提交行为，并使用ajax或其他方法重新实现它。如果是这样，您可以这样做：

$("#form1").on('submit', function(e){
    e.preventDefault();
    // do some stuff here...
    $(this).find(".fav_count").each(function() {
        $(this).text(+($(this).text()) + 1)
    })
})

---

您可以通过向提交按钮添加一个类并编写相同的单击事件来更新fav_count的值来完成此操作

更改您的提交按钮以遵循

<input type="submit" class="cSubmitBtn" name="button4" id="button4" value="Submit" />

请注意，上述代码将阻止您的“提交”按钮在单击时提交表单。如果仍然要提交表单，可以使用相同的jQuery代码

---

您可以通过向提交按钮添加一个类并编写相同的单击事件来更新fav_count的值来完成此操作

更改您的提交按钮以遵循

<input type="submit" class="cSubmitBtn" name="button4" id="button4" value="Submit" />

请注意，上述代码将阻止您的“提交”按钮在单击时提交表单。如果仍然要提交表单，可以使用相同的jQuery代码

---

这里有一个解决方案=>

---

这里有一个解决方案=>

---

提交表单时，页面将被重定向/重新加载，因此

DOM操作

将不会持久。@RayonDabre right man提交表单时，页面将被重定向/重新加载，因此，

DOM操作

将不会持久。@RayonDabre right mant答案正确，但我只是将div a表放在表单上方，它无法正常工作答案正常工作，但我只是将div a表放在表单上方，它无法正常工作