table表格行号

你的名字 2022-06-07 12:44 219阅读 0赞

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

<div class="finance-pt"> 
        
       <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> 
        
      </div>

下面的JavaScript代码，显示行号

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