注册 登录
编程论坛 JavaScript论坛

如何让网页一次过展开表格里面全部的内容

engchiang 发布于 2014-02-19 19:12, 692 次点击
我没有编程基础,每天都需要加班帮老板做一些额外的工作,每天需要从一个网页复制表格里面的内容然后黏贴进excel。
  该网站是需要老板用自己的密码登入之后才会打开里面的资料的,因此我没有办法提供该网址,但我把该网页的html复制及黏贴进这个网站 ,然后生成以下这3个网址:
“网址1”  http://
“网址2”  http://
“网址3”  http://

左上角是html,右下角显示的结果就是我每天必须复制的表格。
“网址1”所显示的是刚刚打开该网页时,每个网页有一个表格,每个表格有10行,每一行的第一格是链接,每一行的内容都隐藏起来。

“网址2”是当我点击第一行的链接时,所显示的隐藏内容。表格第一行的html会变成 tr class="shown" , 其它9行是 tr class="hidden"


“网址3”是当我点击第二行的链接时,所显示的隐藏内容,但第一行的内容会自动隐藏起来。表格第二行的html会变成 tr class="shown" , 但表格第一行会变成 tr class="hidden" disabled="true"


当我点击第三行的链接时,会显示第三行的隐藏内容,但第二行的内容又会自动隐藏起来...

  因此我必须一个一个链接点击打开隐藏内容,再复制及黏贴进excel,问题是每天我都需要复制超过100个表格里面的隐藏内容,每天需要加班1,2个小时,更严重的是没有得到任何加班费。


想请教一下这里的高人,用什么代码可以不需要点击就能够显示全部表格的隐藏内容,小弟将感激不尽!!
这个例子与我的问题一样
http://
4 回复
#2
Fanklola2014-02-20 11:24
我建议你可以用JQuery来解决,用javascript会比较繁琐,毕竟JQ的选择器还是相当好使的,导入JQUERY库,建议你看下JQUERY API CHM
比如说有以下的HTML
<div class="tab_div">
<table>
<tr class="shown"><td>单元格1</td><td>单元格2</td></tr>
<tr class="hidden"><td>单元格1</td><td>单元格2</td></tr>
<tr class="shown"><td>单元格1</td><td>单元格2</td></tr>
<tr class="hidden"><td>单元格1</td><td>单元格2</td></tr>
</table>
</div>
//一下是解决将隐藏的行显示
<script>
   $(function(){
      $(".tab_div table tr.hidden").show();//将类为tab_div下面的table tr类为hidden的行显示出来
   });
</script>


#3
engchiang2014-02-21 07:22
嗨 Fanklola ,我没有任何编程基础,
如何导入JQUERY库?
如何添加
<script>
   $(function(){
      $(".tab_div table tr.hidden").show();//将类为tab_div下面的table tr类为hidden的行显示出来
   });
</script>
#4
Fanklola2014-02-21 09:09
你去下载一个jquery-1.7.2.min.js文件,配一下文件的路劲就可以了,网络上很多你可以去百度一下
例如
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link charset="utf-8" href="css/index.css" media="all" rel="stylesheet"/>


<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>


<title>无标题文档</title>


#5
engchiang2014-02-25 19:10
我先去自己试试,谢谢你Fanklola
1