javascript - 在重复表单上使用 jQUERY，随后增加 ID

Question

我有一个前端表单，可以在 WordPress 循环中编辑帖子。

这意味着，在某个页面上，我循环遍历自定义帖子类型，并且对于每个返回的帖子，我呈现一个在循环中编辑帖子的表单，而不是帖子本身。

这将为每个表单创建一个如下所示的表单 ID:

• 循环中的第一篇帖子:cred_form_1096_1
• 循环中的第二篇帖子:cred_form_1096_2
• 循环中的第三种形式:cred_form_1096_3

等等

表单的数量是动态的，因为它是一个根据某些参数返回某些内容的循环。 循环中可能只有 3 个表单，改天可能有 5 个，因为发布了一些新帖子。

当单击“提交”时，我使用此 jQuery 通过 AJAX 发送表单:

jQuery(document).ready(function() { 
jQuery('#cred_form_1096_1').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
}); 
}); 

当然，上面的方法仅适用于循环中的第一个表单，对于循环中的第二个表单以及第三个表单等，我每次都需要手动调整 ID! (#cred_form_1096_2、#cred_form_1096_3 等)

有没有办法(例如)使用类似的东西: #cred_form_1096_$？

意味着表单 ID 中的最后一个数字应根据循环中的表单进行调整。

或者更好的是，它应该只是“使用”最后一个位置的任何数字 例如:cred_form_1096_any

如果是循环中的第一个表单，则使用 cred_form_1096_1，如果是第二个表单，则使用 cred_form_1096_2，依此类推。

完全不确定这是否可以完成？

欢迎任何意见。

更新::

这里的第一个答案很有魅力，我相信其他所有答案也一样!

jQuery(document).ready(function() { 
jQuery("[id^=cred_form_1096]").ajaxForm(function() { 
    alert("Thank you for your comment!"); 
}); 
}); 

我现在使用("[id^=PART_OF_ID]")

Answer 1

嗯，

您应该考虑使用属性选择器来实现此目的。

您可以瞄准 f.e. id 以 PART_OF_ID 开头的表单:

$("[id^=PART_OF_ID]").ajaxForm(function () { ...

您还可以查找包含 (*=) 或以 ($=) ID/类/类型的已知部分结尾的所有元素。