站長資訊網
改變方法：1、獲取需要跨行的單元格元素，語法“$("指定單元格元素")”，會返回一個包含指定元素的jquery對象；2、用attr()給指定元素對象修改rowspan屬性，語法“指定元素對象.attr("rowspan","行數值")”。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
rowspan，是HTML語言中的一個元素屬性，用于指定單元格應跨越的行數。
也就是說，如果一行跨越兩行，則意味著它將占用該表中兩行的空間。它允許單個表格單元格跨越多個單元格或行的高度。rowspan屬性與Excel中的電子表格的“合并單元格”有相同的功能。
rowspan屬性可以與HTML表中的<td>和<th>元素一起使用。
-
rowspan屬性與<td>標簽一起使用時，rowspan屬性決定了它應跨越的標準單元格數。
-
當rowspan屬性與<th>標簽一起使用時，rowspan屬性確定它應該跨越的標題單元格的數量。
jquery怎么改變rowspan值
1、獲取需要跨行的單元格元素（td或th）
$("單元格元素")
會返回包含指定單元格元素的jquery對象
2、使用attr()修改rowspan屬性
元素對象.attr("rowspan","行數值")
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").on("click", function() { $("#zk").attr("rowspan","3") }); }); </script> </head> <body class="ancestors"> <table border="1"> <tr> <th>商品</th> <th>價格</th> <th>假期折扣價</th> </tr> <tr> <td>T恤</td> <td>￥100</td> <td id="zk" rowspan="2">￥50</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔庫</td> <td>￥150</td> </tr> </table><br> <button>改變rowspan值</button> </body> </html>
【推薦學習：jQuery視頻教程、web前端視頻】
