Jquery是一個廣泛應用于Web開發的JavaScript庫。其中的一個實用功能就是能夠為表格的每個列設置寬度。下面我們來了解一下如何通過Jquery來實現這個功能。
// 獲取表格對象 var table = $("#myTable"); // 獲取表格頭部對象 var ths = table.find("tr:first-child th"); // 循環遍歷每個表格列 $(ths).each(function(index, th){ // 獲取每個表格列的寬度 var width = $(th).width(); // 設置每個表格列的寬度 table.find("tr td:nth-child(" + (index+1) + ")").width(width); });
上述代碼首先獲取表格對象,并在表格的頭部獲取每個表格列的對象。接著通過循環遍歷每個表格列,獲取每個表格列的寬度,并將其應用到相應的每個單元格中,從而實現每個表格列寬度相同的效果。
上一篇jquery過濾器手冊
下一篇css怎么寫滑動導航