使用 jQuery 或 JavaScript 处理多个表单上的类

Question

我有一个包含多个表单的站点，我想针对特定表单循环遍历和操作 div 和输入上的类。 我可以使用 -

获取表单 ID

var thisForm = $(el).closest('form');
var myId = thisForm[0].id

但是我不确定如何循环访问特定的类。

---

示例：

对于每个带有“class1”的输入，我想将其更改为“class2”

和

对于每个带有“class3”的 div，我想添加“class4”

---

任何帮助将不胜感激。

Answer 1

应该就这么简单

var thisForm = $(el).closest('form');
$('input.class1', thisForm).removeClass('class1').addClass('class2');
$('div.class3', thisForm).addClass('class4');

见这个例子http://jsfiddle.net/dXrN8/2

它是 jQuery，所以你不需要循环来做这些事情，动作发生在你的选择器匹配的所有东西上。

我们正在做的是找到表单，并将其分配给thisForm。

然后在接下来的两行中使用它来限定我们的选择器。

然后选择所有input.class1元素并删除class1并添加class2。

然后选择我们所有的div.class3元素并添加class4。