如何使用jquery获取元素后面的字符串？

Question

我的页面上有几个表单。每个表单都根据数据库中的ID命名。

<form id="spam-X" method="post">

所以在我的页面上，如果有3个评论，就有3个表单。

<form id="spam-1" method="post">...</form>  <form id="spam-2" method="post">...</form>   <form id="spam-3" method="post">...</form>

现在，我想根据提交的表单运行一组函数。所以我在jquery中有我的提交函数...

$("form#[id^='spam']").submit(function() {  

现在的问题是，我想要获得这个被点击的特定表单中的内容，所以我假设我需要后面的ID (spam-1，spam-2，spam-3)……如何获取该值？

Answer 1

只需使用：

$("form#[id^='spam']").submit(function() {  
   var formThatWasSubmitted = this;
}

要以该形式获取特定输入的值：

var email = this.email.value;

Answer 2

您不需要通过表单的特定ID来引用表单，因为绑定到提交处理程序的函数将通过'this‘作为表单的DOM元素来调用。您可以使用text()函数获取表单的文本内容：

$("form#[id^='spam']").submit(function() {
     // 'this' is the dom element that is being submitted
     var text = $(this).text();
});

Answer 3

尝试在submit处理程序中使用$(this).attr('id')。