javascript - 用 jQuery 分解表单？

Question

我有一个表单，我想遍历它。我想一次显示一个字段集，然后显示“下一步”和“返回”按钮以转到下一部分。

我假设我从开始，$('fieldset');但之后如何访问单个元素？ $("fieldset")[i]似乎不起作用。

我将如何使用 jQuery 实现这一点？

Answer 1

我不一定推荐这个，但是：

$($('.fieldset')[i]).css(...)

应该管用。

如果您将每个调用包装$('.fieldset')[i]在一个新的 JQuery 选择器中，您就可以从该单个项目中创建一个新的 JQuery 对象。JQuery 对象具有css您想要的方法。常规的 dom 对象没有。（这就是你得到的$('.fieldset')[i]）

Answer 2

从jQuery 文档：

如何从 jQuery 对象中提取原生 DOM 元素？

jQuery 对象是一个类似数组的包装器，围绕一个或多个 DOM 元素。要获得对实际 DOM 元素（而不是 jQuery 对象）的引用，您有两种选择。第一种（也是最快的）方法是使用数组表示法：

$('#foo')[0]; // 相当于 document.getElementById('foo') 第二种方法是使用get函数：

$('#foo').get(0); // 与上面相同，只是速度较慢 您也可以不带任何参数调用 get 来检索真正的 DOM 元素数组。

要在刚刚提取的 DOM 元素周围获得一个 jQuery 包装器，请像这样重新包装它：

$( $('#foo')[0] ) //now it's ajQuery element again.

Answer 3

$("fieldset").each(function() {
  // code, applied for each fieldset
})