首页 > 软件开发 > HTML >

如何用jquery更改table表格的id

来源:互联网 2023-03-16 19:16:44 463

在做html页面开发时,一般我们都是直接在html里指定元素的id的,但有时需要修改元素的id值时,怎么用js来更改?下面我们来看一下。Qhp办公区 - 实用经验教程分享!

如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

方法/步骤

  • 1

    页面上有一个table,原来的id为t1,页面下方有一个按钮,点击事件用来更改table的id。Qhp办公区 - 实用经验教程分享!

    如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

  • 2

    页面中先引入jquery脚本,因为我们要用jquery来处理。Qhp办公区 - 实用经验教程分享!

    如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

  • 3

    在点击事件函数上,我们先用jquery的选择器通过id获得table。Qhp办公区 - 实用经验教程分享!

    如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

  • 4

    然后使用jquery的attr函数,参数传入id和对应的id值,比如t100,来修改它的id值。Qhp办公区 - 实用经验教程分享!

    如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    运行页面,点击下方的按钮。Qhp办公区 - 实用经验教程分享!

    如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

  • 6

    点击后就成功修改了,从页面代码上看,可以看到table的id值已经修改为t100了。Qhp办公区 - 实用经验教程分享!

    如何用jquery更改table表格的id?Qhp办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Qhp办公区 - 实用经验教程分享!


    标签: HTMLCSSJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码