我有tbody如下所示:
<tbody class="yui-dt-data">
<tr data-record-id="QB.D.FT1505UD.01.IP" class="rec-QB.D.FT1505UD.01.IP">
<td class="yui-dt-col-market" data-column-id="market">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 300px;"><a class="tableIcon dealClosed" igtitle="Status: Market Closed#Action: No Action Available">FTSE to be above 6300.36 at 3:10pm</a></div>
</td>
<td class="yui-dt-col-lightbulb" data-column-id="lightbulb">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="signal-status" href="#"> </a></div>
</td>
<td class="yui-dt-col-superNews" data-column-id="superNews">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="superNewsIcon off" igtitle="Reuters Info" href="#"> </a></div>
</td>
<td class="yui-dt-col-news" data-column-id="news">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="newsIcon off" href="#"> </a></div>
</td>
<td class="yui-dt-col-chart" data-column-id="chart">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="basicChartIcon on" href="#" igtitle="Chart"> </a></div>
</td>
<td class="yui-dt-col-menu" data-column-id="menu">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 18px;"><a class="optionsBtn" href="#" igtitle="Click for more options"> </a></div>
</td>
<td class="yui-dt-col-displayPeriod" data-column-id="displayPeriod">
<div class="ig-table-cell-inner yui-dt-liner" igtitle="" style="width: 80px;">06-JUN-16</div>
</td>
<td class="yui-dt-col-sell" data-column-id="sell">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price">0.0</div>
</div>
</td>
<td class="yui-dt-col-buy" data-column-id="buy">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;">
<div igtitle="Status: Market Open#Action: Place new Deal" class="dealOpen price">2.0</div>
</div>
</td>
<td class="yui-dt-col-netChange" data-column-id="netChange">
<div class="ig-table-cell-inner yui-dt-liner red" style="width: 69px;">-0.6</div>
</td>
<td class="yui-dt-col-percentageChange" data-column-id="percentageChange">
<div class="ig-table-cell-inner yui-dt-liner blue" style="width: 68px;">6294.7</div>
</td>
<td class="yui-dt-col-updateTime" data-column-id="updateTime">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 75px;"><span>15:08:51</span></div>
</td>
<td class="yui-dt-col-high" data-column-id="high">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;"><span>100.0</span></div>
</td>
<td class="yui-dt-col-low" data-column-id="low">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 60px;"><span>0.0</span></div>
</td>
<td class="yui-dt-col-_extra" data-column-id="_extra">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 4000px;"> </div>
</td>
</tr>
<tr data-record-id="QB.D.FT1505UD.02.IP" class="rec-QB.D.FT1505UD.02.IP">
<td class="yui-dt-col-market" data-column-id="market">
<div class="ig-table-cell-inner yui-dt-liner"><a class="tableIcon dealClosed" igtitle="Status: Market Closed#Action: No Action Available">FTSE to be above 6295.36 at 3:10pm</a></div>
</td>
<td class="yui-dt-col-lightbulb" data-column-id="lightbulb">
<div class="ig-table-cell-inner yui-dt-liner"><a class="signal-status" href="#"> </a></div>
</td>
<td class="yui-dt-col-superNews" data-column-id="superNews">
<div class="ig-table-cell-inner yui-dt-liner"><a class="superNewsIcon off" igtitle="Reuters Info" href="#"> </a></div>
</td>
<td class="yui-dt-col-news" data-column-id="news">
<div class="ig-table-cell-inner yui-dt-liner"><a class="newsIcon off" href="#"> </a></div>
</td>
<td class="yui-dt-col-chart" data-column-id="chart">
<div class="ig-table-cell-inner yui-dt-liner"><a class="basicChartIcon on" href="#" igtitle="Chart"> </a></div>
</td>
<td class="yui-dt-col-menu" data-column-id="menu">
<div class="ig-table-cell-inner yui-dt-liner"><a class="optionsBtn" href="#" igtitle="Click for more options"> </a></div>
</td>
<td class="yui-dt-col-displayPeriod" data-column-id="displayPeriod">
<div class="ig-table-cell-inner yui-dt-liner" igtitle="">06-JUN-16</div>
</td>
<td class="yui-dt-col-sell" data-column-id="sell">
<div class="ig-table-cell-inner yui-dt-liner">
<div igtitle="Status: Market Closed#Action: No Action Available" class="dealClosed price priceFlashDown">15.6</div>
</div>
</td>
<td class="yui-dt-col-buy" data-column-id="buy">
<div class="ig-table-cell-inner yui-dt-liner">
<div igtitle="Status: Market Closed#Action: No Action Available" class="dealClosed price priceFlashDown">23.4</div>
</div>
</td>
<td class="yui-dt-col-netChange" data-column-id="netChange">
<div class="ig-table-cell-inner yui-dt-liner red">-0.6</div>
</td>
<td class="yui-dt-col-percentageChange" data-column-id="percentageChange">
<div class="ig-table-cell-inner yui-dt-liner blue">6294.7</div>
</td>
<td class="yui-dt-col-updateTime" data-column-id="updateTime">
<div class="ig-table-cell-inner yui-dt-liner"><span>15:09:42</span></div>
</td>
<td class="yui-dt-col-high" data-column-id="high">
<div class="ig-table-cell-inner yui-dt-liner"><span>100.0</span></div>
</td>
<td class="yui-dt-col-low" data-column-id="low">
<div class="ig-table-cell-inner yui-dt-liner"><span>0.0</span></div>
</td>
<td class="yui-dt-col-_extra" data-column-id="_extra">
<div class="ig-table-cell-inner yui-dt-liner" style="width: 4000px;"> </div>
</td>
</tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)
我想得到两个职位:
market 名字来自 <td class="yui-dt-col-market" data-column-id="market">
sell 价值来自 <td class="yui-dt-col-sell" data-column-id="sell">
但我不知道如何从tbody.
有两个tr对象,我认为它应该加载到数组中。
请不要使用 jQuery 解决方案。
任何的想法?
您可以使用它:1) 从 tbody 中获取所有行 2) 从每一行中获取所有 'td'
var rows =document.getElementsByTagName("tbody")[0].rows;
for(var i=0;i<rows.length;i++){
var td = rows[i].getElementsByTagName("td")[i];
console.log(td)
}
Run Code Online (Sandbox Code Playgroud)
比对这个 td 对象做任何你想做的事情。