2011-06-16 152 views
1

行(ID = 'row_property _' +編號)在表包含四列:如何通過每個行迭代,並收集數據

  1. 選擇元件(ID = 'multiple_object_type _' +編號)
  2. 輸入型= 「文本」(ID = 'multiple_instance_id _' +編號)
  3. 嵌套表(ID = 'table_properties _' +編號)
  4. INPUT TYPE = 「鍵」

如何遍歷THROU gh每行並從jQuery選擇和輸入兩個數組收集數據?

+0

你可以使用jQuery與各功能(http://api.jquery.com/jQuery.each/) 和id屬性SELCT所有輸入/選擇?例如: $('input [name^=「multiple_object_type」]')(http://api.jquery.com/attribute-starts-with-selector/) – McPepper 2011-06-16 11:13:27

+0

這應該是McPepper的答案。 :)你可以得到一些代表它。 :) – 2011-06-16 12:45:17

回答

1

好,添加類的選擇和輸入元素,使表看起來是這樣的:

<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')); 
    }); 
}); 
0
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