jQuery 是一個流行的 JavaScript 框架,它能夠快速簡便地處理 HTML 操作,包括操作表格數據。這里將通過示例演示如何使用 jQuery 處理過去表格數據。
// HTML 代碼 <table> <thead> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> </thead> <tbody> <tr> <td>小明</td> <td>25</td> <td>男</td> </tr> <tr> <td>小紅</td> <td>20</td> <td>女</td> </tr> <tr> <td>小華</td> <td>35</td> <td>男</td> </tr> </tbody> </table> // jQuery 代碼 $(document).ready(function(){ var data = []; $("table tr").each(function(){ var row = []; $(this).find("td").each(function(){ row.push($(this).text()); }); data.push(row); }); console.log(data); });
上述代碼中,首先通過 jQuery 找到table
中所有的tr
,然后遍歷每行并找到每行中的td
,將每行數據存儲到數組中。最后將整個數組打印到 console。
使用 jQuery 處理表格數據非常簡單,只需要對元素進行遍歷、查找并操作即可。在實際開發中,可以根據需要對表格數據進行計算、排序、篩選等操作。jQuery 提供了豐富的操作 API,能夠滿足各種表格處理需求。
上一篇css徑向漸變圓心