jquery - 在 jQuery 中同时迭代两组元素

Question

我有一个表，在单独的列中包含多对文本输入字段。我想迭代第一列中的输入字段，并使用这些值来设置相邻列中相应输入字段的值。

<table>
    <tr>
         <td><input type="text" class="left" /></td>
         <td><input type="text" class="right" /></td>
    </tr>
    <tr>
         <td><input type="text" class="left" /></td>
         <td><input type="text" class="right" /></td>
    </tr>
  ...
</table>

我刚刚开始学习 jQuery，所以也许答案是显而易见的。到目前为止我只有

$("input.left").each(function() {
    // use the value of $(this) to set the 
    // value of the text field to the .right
})

Answer 1

您想要执行的操作称为“zip”操作。这在函数式编程语言中很常见。它是一个将两个相同长度的序列组合成一个包含一对(或 n 元组)元素的单个序列的函数。

在这里您可以找到 jquery 的“zip”实现。这是一个 jQuery 插件。 Available on Google Code

看起来你可以像这样使用它:

$.zip($("input.left"), $("input.right")).each(function () {
   var left = this[0];
   var right = this[1];
})