Question

var element = document.getElementById("divname");      
var pagerHtml ='<a href="#" class="prev">&lt Prev</a>';         
for (var page = 1; page <= this.pages; page++){ 
    pagerHtml += '<a href="#" class="'+ page>' + page + '</a>  ';  
}      
pagerHtml += '<a class="dotline" style="display:none;">........</a>';     
pagerHtml += '<a href="#" class="next"> Next &gt;</a>';    
element.innerHTML = pagerHtml;     
if(this.pages > 9){  
    for(var i=this.buffer;i<(this.pages-this.buffer);i++){   
         $("."+i+1)).hide();  
     }  
    }

我想添加类“dotline”，以便在隐藏页面时我会$(".dash").show();，它看起来像1,2，.....，8,9,10。任何想法都将不胜感激。

Answer 1

无法编辑帖子。然而，这更像我认为的样子。现在问题是什么？

var element = document.getElementById("divname");      
var pagerHtml ='<a href="#" class="prev">&lt Prev</a>';         
for (var page = 1; page <= this.pages; page++){ 
    pagerHtml += '<a href="#" class="'+ page> + page + '</a>';  
}      
pagerHtml += '<a class="dotline" style="display:none;">........</a>';   
pagerHtml += '<a href="#" class="next"> Next &gt;</a>';    
element.innerHTML = pagerHtml;     
if(this.pages > 9){
  for(var i=this.buffer;i<(this.pages-this.buffer);i++){   
    $("."+i+1).hide();  
  }  
}

未完成的产品，但你可以玩/调整它。

我重写了你的代码，因为它没有用。其中有很多错误。

检查出来：http://jsfiddle.net/tkwwZ/

Answer 2

选中fiddle。

我已经更新了脚本，如下所示。

var pages = 10;
var buffer = 3;

var pagerHtml = ['<a href="#" class="prev">&lt Prev</a>'];
for (var page = 1; page <= pages; page++){
    pagerHtml.push('<a href="#" class="'+ page + '">' + page + '</a>  ');  
}
pagerHtml.push('<a href="#" class="next"> Next &gt;</a>');    
$("#divname").append(pagerHtml.join(""));     

if(pages > 9){
    $("#divname a:gt(3):lt(" + (pages - 6) + ")").hide();
    $('<a class="dotline" >........</a>').insertAfter($("#divname a:eq(3)"));
}

在特定div索引处添加标记

2 个答案: