如何使用javascript显示所有表行
每天我都要将网页表格中的所有数据复制粘贴到Excel中;有100多个表,每个表包含10行,每行是一个链接。当我单击它时,它将展开并显示其内容,但当我单击第二行时,第一行内容将自动隐藏,当我单击第三行时,第二行和其他内容也将自动隐藏 因此,我需要逐个单击行,以显示其内容并将粘贴复制到excel中,这既繁琐又耗时 是否有任何方法会使网页在我打开网页时展开其所有树内容,或使链接在我单击其他链接时不会自动隐藏其内容?以下是一个网站示例: 我已经请求老板允许我登录并共享他的数据,这是我的额外工作,我需要为他工作 此表由10行组成,第一行的每个单元格都是链接,当我打开网站时,10行的内容都是隐藏的,当我单击第一行的第一个单元格时,第一行HTML将显示为:如何使用javascript显示所有表行,javascript,jquery,html,css,excel,Javascript,Jquery,Html,Css,Excel,每天我都要将网页表格中的所有数据复制粘贴到Excel中;有100多个表,每个表包含10行,每行是一个链接。当我单击它时,它将展开并显示其内容,但当我单击第二行时,第一行内容将自动隐藏,当我单击第三行时,第二行和其他内容也将自动隐藏 因此,我需要逐个单击行,以显示其内容并将粘贴复制到excel中,这既繁琐又耗时 是否有任何方法会使网页在我打开网页时展开其所有树内容,或使链接在我单击其他链接时不会自动隐藏其内容?以下是一个网站示例: 我已经请求老板允许我登录并共享他的数据,这是我的额外工作,我需要为
<tr class="shown">
<td colspan="4" class="betslip cc" id="6088535226">
<input type="hidden" name="maxwin" value="4133000" xmlns:histman="urn:histman">
<input type="hidden" name="tOType" id="tOType" value="">
<input type="hidden" name="txtBetConfirmBankerData" id="txtBetConfirmBankerData" value="">
<input type="hidden" name="txtBetCountBanker" id="txtBetCountBanker" value="0">
<input type="hidden" name="txtBetCountNonBanker" id="txtBetCountNonBanker" value="1">
<table id="betSlip" class="bst" xmlns:histman="urn:histman">
<tbody>
<tr>
<td class="details">
<table id="tblHeading" class="bsdt" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema">
<tbody>
<tr class="nbt">
<td class="nbr first" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;"> <span class="b f11 nobr inblock">Bet Confirmation
- SH3084343910F
- Flash
</span>
<tr class="hidden" disabled="true">
<td colspan="4" class="betslip cc" id="6088535226"></td>
下注确认
-SH3084343910F
-闪光
下注时间:
2014年2月4日06:39:26
</td>
<td class="print last" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;"> <a href="#" onclick="javascript: BetConfirm.OnPrintClick(); return false;">Print</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="subheading" class="lft nbt subheading">
<td>Selections</td>
</tr>
<tr>
<td class="details">
<table id="tblNormal" class="bsdt">
<tbody>
<tr class="header nbb">
<th class="ctr c38 first" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">No.</th>
<th class="lft c171 mid" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">Selections</th>
<th class="lft c208 mid" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">Event</th>
<th class="ctr c78" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">Event Date</th>
<th class="ctr c71" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">E/W Terms</th>
<th class="ctr c59" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">Odds</th>
<th class="ctr c61 last" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;">Result</th>
</tr>
<input type="hidden" name="txtPartTypes" value="N,">
<input type="hidden" name="txtPDPitchersID" id="txtPDPitchersID">
<input type="hidden" name="txtPDTeam1ID" id="txtPDTeam1ID">
<input type="hidden" name="txtPDTeam2ID" id="txtPDTeam2ID">
<input type="hidden" name="txtPDBetSlipPartID" id="txtPDBetSlipPartID">
<tr class="nbb">
<td class="rgt first">1</td>
<td class="lft">高于 9.0</td>
<td class="lft">维拉利尔队 v 奥萨苏纳队
<br>(附加角球总数)</td>
<td class="ctr">04/02/2014</td>
<td class="ctr">None</td>
<td class="ctr" nowrap="nowrap">11.00</td>
<td class="ctr last">Lost</td>
</tr>
<tr class="nbb">
<td colspan="8" class="first last b">Stake: 16.00 Returns: 0.00 </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div class="noteToWin" xmlns:histman="urn:histman">'Return' values are subject to maximum payouts as detailed in our rules.</div>
</td>
选择
不
选择
事件
活动日期
E/W术语
可能性
结果
1.
高于 9
维拉利尔队 v奥萨苏纳队
(附加角球总数)
04/02/2014
没有一个
11
迷路的
股权:16.00回报率:0.00
“回报”值以我们的规则中详述的最高支付为准。
这是共享链接
第一行的HTML将显示为:tr class=“显示”,其他9行的HTML将显示为:tr class=“隐藏”
然后单击第二行的第一个单元格,第一行HTML将显示为:
<tr class="shown">
<td colspan="4" class="betslip cc" id="6088535226">
<input type="hidden" name="maxwin" value="4133000" xmlns:histman="urn:histman">
<input type="hidden" name="tOType" id="tOType" value="">
<input type="hidden" name="txtBetConfirmBankerData" id="txtBetConfirmBankerData" value="">
<input type="hidden" name="txtBetCountBanker" id="txtBetCountBanker" value="0">
<input type="hidden" name="txtBetCountNonBanker" id="txtBetCountNonBanker" value="1">
<table id="betSlip" class="bst" xmlns:histman="urn:histman">
<tbody>
<tr>
<td class="details">
<table id="tblHeading" class="bsdt" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema">
<tbody>
<tr class="nbt">
<td class="nbr first" style="background-image: url(/MEMBERS/images/common/history/table-header-2.gif); background-repeat: repeat-x;"> <span class="b f11 nobr inblock">Bet Confirmation
- SH3084343910F
- Flash
</span>
<tr class="hidden" disabled="true">
<td colspan="4" class="betslip cc" id="6088535226"></td>
这是共享链接
然后,第一行内容将自动隐藏,第二行的HTML将显示为:tr class=“显示”,第一行的HTML将显示为:tr class=“隐藏”disabled=“true”
然后,当我单击第三行的第一个单元格时,它会显示第三行的内容并隐藏其他行的内容…抱歉,但如果没有看到页面,则无法提供帮助。我们需要查看html结构。如果没有看到页面是如何隐藏和显示树内容的,则可能是服务器端,也可能是客户端。仅此而已我可以建议禁用javascript…如果这个网站不异步加载数据,那么您将看到所有数据…1)在chrome中打开页面。2) 点击F12,3)右键单击第2行并选择“检查元素”,4)将第1,2和3行的html粘贴到jsfiddle.net中,删除所有私有数据。在这里保存并链接到JSFIDLE它可以是一些简单的东西,比如带有
javascript的bookmarklet:(function(){$(“a”).each(function(){$(this.parent().addClass(“active”)))()