Question

如果我有一个大的表单并且只想遍历它的一部分（div#traverseMe内的元素），那么这样做的最佳解决方案是什么。以下是一个示例表单：

<form id="form1">
 <input type="text" name="text1" />
 <div id="traverseMe">
  <input type="text" name="text2" />
  <input type="text" name="text3" />
 </div>
</form>

我想获得traverseMe内所有（且唯一的）FORM元素。我目前正在使用一个循环遍历表单的所有子项（document.forms['form1'][i]）的javascript函数，目的是将表单转换为XML，这对于整个表单来说很好但是过度杀戮考虑到我只需要一部分它。有没有合适的jQuery解决方案？

Answer 1

尝试 -

$("#traverseMe > :input").each(function() {
  //do someting
})

演示 - http://jsfiddle.net/ipr101/v3scP/1/

Answer 2

您可以在选择器中使用它的ID：

$('#traverseMe input').each(doStuff);

或者您可以将上下文传递给jQuery构造函数：

var context = document.getElementById('traverseMe');
$('input', context).each(doStuff);

jquery遍历表单的一部分

2 个答案: