利用jquery生成行號

頁面需要顯示行號

例如,序號一列數據自動更加行數生成

直接上代碼

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
	<script type="text/javascript">
        $(function(){
                    function number(){
                        for(var i=0;i< $(".numberClass").length;i++){
                            $(".numberClass").get(i).innerHTML = i+1;
                                }
                        }
                    number();
                    });

    </script>

</head>
<body>
	<table  border="1" cellpadding="0" cellspacing="0" width="200" height='100'>
		<tr>
			<th>序號</th>
			<th>名字</th>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>張三</td>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>李四</td>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>王五</td>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>李六</td>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>李六</td>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>李六</td>
		</tr>
		<tr>
			<td class="numberClass"></td>
			<td>李六</td>
		</tr>
	</table>
</body>
</html>

代碼主要是通過JS實現。

還有一種方法是SQL直接輸出行號。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章