JQuery有技术的遍历项目中的table
最近和泽泽在做一个易班的项目,项目虽然小但是逻辑很繁琐,因为老师的要求非常多,(对,还tm不是一次提完的)项目的前端页面是这样的:
这个玩意是一个表格,每个标签里面是个,也就是一个,作为后端我需要做的事情就只是接受一个能确定的值的数据,至少要获取这个对应的星期几和几点到几点,比如我单击一个按钮,提交了申请后,后台必须知道你提交了个什么时间段,星期几的申请。
然后这个需求就演变为简单的遍历所有的,监听它的事件,并且在事件中获取它对应的星期几和时间段。赞美,我只需要简单的写一段each和click,遍历和监听就都解决了。
但是怎么做才能获取到所有的button的集合呢?没有认真学过jq的我有点懵逼,上菜鸟教程认真看了看关于js后代节点的我决定试一试。
我突然想起萧井陌在教学直播中提过的方法,人家也记不住属性,但是用console.log()能够方便的看出变量的具体信息,并不只是起到一个调试的效果。
用jq非常简单的获取到整张表的变量,并且存储为变量避免多次获取dom。然后直接打印它:
完美!
接下来需要做的是观察打印的出的信息,然后再对它的子孙进行遍历。我用了个很low的方法,就是一直下去,一直观察,最后代码是这样的:
虽然low,但是实用,面对老师要求快又好我TM能有什么意见呢。这样子的代码bts打印出来是这样的:
98个完美拿到。并且没有拿到任何多余的数据比如“星期一”或者“8:00-9:00”之类的玩意。接下来应该是很简单的代码,根据每个的,或者说是索引,拿到对应的星期几和时间段。贴下我的代码:
逻辑是通用的,但是代码可以不同,欢迎讨论哈哈哈(md这个代码片有毒)
END
你什么时候开始吃鱼了?
不是我吃,是给你的啊~
领取专属 10元无门槛券
私享最新 技术干货