养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何循环给table的th赋值

时间:2024-11-08 17:06:05

在做前端页面时,如果你的table内容是不固定的,需要根据一个数组的内容来生成th釉涑杵抑表头,那么如何循环为th赋值?下面我们来看一下。

方法/步骤

1、先创建一个table,为五个th表头单元格。

如何循环给table的th赋值

2、再添加一个按钮,触发为th赋值。

如何循环给table的th赋值

3、在按钮事件函数里,先定义一个数组,用数组的内容为th赋值,注意的是数目th的数目要一致的。

如何循环给table的th赋值

4、然后使用jquery方法,得到thdom元素的数组。

如何循环给table的th赋值

5、循环数组,为每个th对应赋值上数组的值。使用jquery的html方法设置值。

如何循环给table的th赋值

6、运行页面,可以看到现在table的表头是空的,点击下方的按钮。

如何循环给table的th赋值

7、点击后,可以看到表格已经赋值上th的内容了。

如何循环给table的th赋值

© 一点知识