table表格行号

来源：互联网发布：放置江湖网络错误编辑：程序博客网时间：2024/05/18 00:41

以新浪微博的源码章节示例

<div class="finance-pt">    <!-- finance table begin 0426 -->    <table cellspacing="0" cellpadding="0" class="finance-form">     <thead>      <tr>       <th style="width:43px;">品种</th>       <th style="width:60px;">价格</th>      </tr>     </thead>     <tbody>      <tr>       <td><a href="http://finance.sina.com.cn/money/future/GC/quote.shtml" target="_blank">黄金</a></td>       <td id="comex"><span class="num down">1281.8</span></td>      </tr>      <tr>       <td><a href="http://finance.sina.com.cn/money/future/CL/quote.shtml" target="_blank">原油</a></td>       <td id="nymex"><span class="num up">52.07</span></td>      </tr>      <tr>       <td><a href="http://finance.sina.com.cn/money/forex/hq/USDCNY.shtml" target="_blank">美元</a></td>       <td id="usdcny"><span class="num up">6.6184</span></td>      </tr>     </tbody>    </table>    <script type="text/javascript">                jsLoader({                    name : 'financeData',                    charset:'gbk',                    url : '//hq.sinajs.cn/list=hf_GC,hf_CL,USDCNY',                    callback : function() {                        //黄金                        var comexarr = hq_str_hf_GC.split(',');                        //原油                        var nymexarr = hq_str_hf_CL.split(',');                        //美元人民币                        var usdcnyarr = hq_str_USDCNY.split(',');                        var byId = 'getElementById',                            byTN = 'getElementsByTagName',                            D = document,                            T = 'SPAN',                            comex = (D[byId]('comex'))[byTN](T)[0],                            nymex = (D[byId]('nymex'))[byTN](T)[0],                            usdcny = (D[byId]('usdcny'))[byTN](T)[0];                        var setVal = function(obj,val,flag) {                            if(parseFloat(flag) < 0) {                                obj.className = 'num down';                            } else if(parseFloat(flag) > 0) {                                obj.className = 'num up';                            } else {                                obj.className = 'num';                            }                            obj.innerHTML = val;                        }                        setVal(comex,comexarr[0],comexarr[1]);                        setVal(nymex,nymexarr[0],nymexarr[1]);                        setVal(usdcny,usdcnyarr[1],parseFloat(usdcnyarr[1]) - parseFloat(usdcnyarr[3]));                    }                });            </script>    <!-- finance table end 0426 -->   </div>

下面的JavaScript代码，显示行号

$(".finance-form tbody tr").each(function(index, data) {    console.log($(data).prevAll().length + 1);});

阅读全文

0 0