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

Question

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

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。