首頁 > 網際網路

如何迴圈給table的th賦值

2019-12-12 09:12:39

在做前端頁面時,如果你的table內容是不固定的,需要根據一個陣列的內容來生成th表頭,那麼如何迴圈為th賦值?下面我們來看一下。

1

先建立一個table,為五個th表頭單元格。


2

再新增一個按鈕,觸發為th賦值。


3

在按鈕事件函數裡,先定義一個陣列,用陣列的內容為th賦值,注意的是數目th的數目要一致的。


4

然後使用jquery方法,得到th dom元素的陣列。


5

迴圈陣列,為每個th對應賦值上陣列的值。使用jquery的html方法設定值。


6

執行頁面,可以看到現在table的表頭是空的,點選下方的按鈕。


7

點選後,可以看到表格已經賦值上th的內容了。



IT145.com E-mail:sddin#qq.com