如何遍历每一行并收集数据答案

【问题标题】：How to iterate through each row and collect data如何遍历每一行并收集数据
【发布时间】：2011-06-16 11:07:19
【问题描述】：

表中的行 (id='row_property_'+number) 包含四列：

选择元素（id='multiple_object_type_'+number）
input type="text" (id='multiple_instance_id_'+number)
嵌套表（id='table_properties_'+number）
输入类型="按钮"

如何遍历每一行并使用jquery从select和input中收集两个数组中的数据？

【问题讨论】：

您可以使用 jQuery 和函数 each (api.jquery.com/jQuery.each) 并通过 id 属性选择所有输入/选择？例如：$('input[name^="multiple_object_type"]') (api.jquery.com/attribute-starts-with-selector)
这应该是 McPepper 的答案。 :) 你可以得到一些代表。 :)

标签： javascript jquery

【解决方案1】：

好的，向 select 和 input 元素添加类，使表格看起来像这样：

<table id="myTable">
  <tr>
    <td><select class="rowSelect"></select></td>
    <td><input type="text" class="rowInput" /></td>
    ... etc ...
  </tr>
</table>

然后你可以像这样在 jquery 中获取每一行的值：

$(function(){
  $('#myTable tr').each(function(){
    alert('select value is '+$(this).find('select.rowSelect'));
    alert('input value is '+$(this).find('input.rowInput'));
  });
});

【讨论】：

【解决方案2】：

var selectArray = $('table tr td > select').map(function() {
    return $(this).val();
}).get();

var inputArray = $('table tr td > input:text').map(function() {
    return $(this).val();
}).get();

这可能会做你想要的。

JSFiddle Example

【讨论】：