首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery有技术的遍历项目中的table

JQuery有技术的遍历项目中的table

最近和泽泽在做一个易班的项目,项目虽然小但是逻辑很繁琐,因为老师的要求非常多,(对,还tm不是一次提完的)项目的前端页面是这样的:

这个玩意是一个表格,每个标签里面是个,也就是一个,作为后端我需要做的事情就只是接受一个能确定的值的数据,至少要获取这个对应的星期几和几点到几点,比如我单击一个按钮,提交了申请后,后台必须知道你提交了个什么时间段,星期几的申请。

然后这个需求就演变为简单的遍历所有的,监听它的事件,并且在事件中获取它对应的星期几和时间段。赞美,我只需要简单的写一段each和click,遍历和监听就都解决了。

但是怎么做才能获取到所有的button的集合呢?没有认真学过jq的我有点懵逼,上菜鸟教程认真看了看关于js后代节点的我决定试一试。

我突然想起萧井陌在教学直播中提过的方法,人家也记不住属性,但是用console.log()能够方便的看出变量的具体信息,并不只是起到一个调试的效果。

用jq非常简单的获取到整张表的变量,并且存储为变量避免多次获取dom。然后直接打印它:

完美!

接下来需要做的是观察打印的出的信息,然后再对它的子孙进行遍历。我用了个很low的方法,就是一直下去,一直观察,最后代码是这样的:

虽然low,但是实用,面对老师要求快又好我TM能有什么意见呢。这样子的代码bts打印出来是这样的:

98个完美拿到。并且没有拿到任何多余的数据比如“星期一”或者“8:00-9:00”之类的玩意。接下来应该是很简单的代码,根据每个的,或者说是索引,拿到对应的星期几和时间段。贴下我的代码:

逻辑是通用的,但是代码可以不同,欢迎讨论哈哈哈(md这个代码片有毒)

END

你什么时候开始吃鱼了?

不是我吃,是给你的啊~

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180402G1V5A900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券