jQuery——動態給表格添加序號


摘錄自:http://www.cnblogs.com/picaso/archive/2012/10/08/2715564.html

很多時候遇到需要對表格動態操作,而且一般都會有表格的序號,但是有時候我們對表格的序號直接輸出是比較麻煩的,所以嘗試一下使用jquery動態輸出吧~~

復制代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://common.cnblogs.com/script/jquery.js"
    type="text/javascript"></script>
<title>jQuery</title>
</head>
<body>
    <table width=500 border=2>
        <tr><td width=250>序號</td><td width=250>項目</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
        <tr><td></td><td>Port</td></tr>
    </table>
</body>
</html>

復制代碼

原始效果:

 

JS代碼如下:

復制代碼
$(function(){
        //$('table tr:not(:first)').remove();
        var len = $('table tr').length;
        for(var i = 1;i<len;i++){
            $('table tr:eq('+i+') td:first').text(i);
        }
            
});
復制代碼

end----------------------------------------------------------------------------------------------


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM