有時候我們在前台需要對序號進行處理，我們需要將JS變量寫到頁面中進行顯示。
第一種方式:后台處理
第二種方式:JS中定義全局變量，然后進行顯示，可以書寫一個JS函數對不同的需要進行不同的替換，也就可以根據不同的序號顯示不同的內容。如果是ajax請求數據后拼接的頁面可以直接調用函數返回值進行拼接(或者在循環中利用遍歷的次數 i )。
思路:
定義一個JS全局變量，然后在JS中書寫改變變量的方法，可以在每次調用函數的時候改變變量的值。可以結合 document.write();向HTML頁面中書寫變量
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-1.11.js"></script>
<script>
var bigNum = 1;//全局變量
//修改全局變量的值
function replace(num) {
if (num == 1) {
return "一";
}
if (num == 2) {
return "二";
}
if (num == 3) {
return "三";
}
}
</script>
</head>
<body>
//書寫全局變量
<script>
document.write(replace(bigNum++));
</script>
<br/>
<script>
document.write(replace(bigNum++));
</script>
<br/>
<script>
document.write(replace(bigNum++));
</script>
</body>
</html>
結果:
第三種:(重要)
用一個帶指定class屬性的span包住，根據span出現的順序設置順序。
<span class="bigNum"></span>
JS方法:(i從0開始，代表遍歷序號)
/**
* 大題順序
*/
function replaceBigNum(){
$(".bigNum").each(function(i){
if(i==0){
$(this).text("一");
}
if(i==1){
$(this).text("二");
}
if(i==3){
$(this).text("三");
}
})
}