<table class="table table-hover table-bordered"> <thead> <tr> <th ><input name="selectAll" type="checkbox" class="J_selectAll"></th> <th>葯名</th> <th>劑量</th> <th>次數/日</th> </tr> </thead> <tbody class="J_tbody"> <tr data-id = "1"> <td> <input class="J_subCheck" type="checkbox" name="subCheck" > </td> <td>1號葯</td> <td>1片</td> <td>1</td> </tr> <tr data-id = "2"> <td> <input class="J_subCheck" type="checkbox" name="subCheck" > </td> <td>2號葯</td> <td>2片</td> <td>2</td> </tr> <tr data-id = "3"> <td> <input class="J_subCheck" type="checkbox" name="subCheck" > </td> <td>1號葯</td> <td>3片</td> <td>3</td> </tr> <tr data-id = "4"> <td> <input class="J_subCheck" type="checkbox" name="subCheck" > </td> <td>4號葯</td> <td>4片</td> <td>4</td> </tr> </tbody> </table>
葯名 | 劑量 | 次數/日 | |
---|---|---|---|
1號葯 | 1片 | 1 | |
2號葯 | 2片 | 2 | |
1號葯 | 3片 | 3 | |
4號葯 | 4片 | 4 |
var tr = $('.J_tbody').children('tr'), list =[], id, medicinal, dosage, unit, times; tr.each(function(){ var tdArr = $(this).children(), id = $(this).attr('data-id'), medicinal = tdArr.eq(1).text(), dosage = tdArr.eq(2).text(), times = tdArr.eq(3).text(), trList = {}; //trList對象一定要聲明在each()函數里,否者壓入棧中的數據將會是最后一條數據乘以4。 jQuery.extend(trList, { id: id, medicinal: medicinal, dosage: dosage, times: times }); list.push(trList); });