jQuery,遍歷表格每個單元格數據。


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM