jQuery 循环问题

Question

我有一个简单的问题。循环访问多个 div 以及这些 div 中的输入/textarea 的最有效方法。

例如，我有以下 HTML

    <div class="formatInput">
        <h4>Section Header</h4>
        <input type="text" class="formatSectionHeader" width="100%"/>
        <h4>Section Content</h4>
        <textarea class="formatSectionContent"></textarea>
        <p style="float:right;"><span class="removeFormatInput">Remove Section</span></p>
    </div>

我制作了一个按钮，允许用户根据需要添加更多 .formatInput div。

最后我有一个刷新按钮，我想循环遍历每个 div 并按顺序收集输入和文本区域控件的值。

Answer 1

循环 div，然后形成元素:

$('.formatInput').each(function(index) {
  $(':input', this).each(function(index2)) {
    alert(index + '-' + index2 ': ' + $(this).value());
  });
});