使用javascript进行分页 [英] pagination using javascript

问题描述

我有2个标签，我想在一个页面中显示3个项目，在另一个页面中显示另一个。如何进行分页，我在这里使用这个jsfiddle http://jsfiddle.net/2b6LL/1/ [ ^ ]我想知道如何整合它。

i am having 2 label and i want to show 3 items in one page and other in another page.how to do that pagination and i am using this jsfiddle here http://jsfiddle.net/2b6LL/1/[^] i want to know how to integrate it.

<<pre lang="xml">div id=1>
</div>
<ul class="pagination pagination-lg">
  <li><a href="#">&laquo;</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul

<pre lang="xml"><pre lang="Javascript">for (var i=0;i<=10;i++){
var a1=$("<label></label>")
                                                 .prop("id",i)
                                                 .text("nand"+i)
                                                 .css({
                                                  'margin-left': '5px'
                                                      });
   var b1=$("<label></label>")
                                                 .prop("id",i)
                                                 .text("nanh"+i)
                                                 .css({
                                                  'margin-left': '5px'
                                                      });
     var c1=$("<label></label>")
                                                 .prop("id",i)
                                                 .text("nanf"+i)
                                                 .css({
                                                  'margin-left': '5px'
                                                      });
$("#1").append(a1).append("<br>").append(b1).append("<br>").append(c1).append("<br>");
}

推荐答案

（ < label>< / label>）
.prop（ id，i）
.text（ nand + i）
.css（{
' margin-left'：' 5px'
}）;
var b1 =

("<label></label>") .prop("id",i) .text("nand"+i) .css({ 'margin-left': '5px' }); var b1=

（ < label>< / label>）
.prop（ id，i）
.text（ nanh + i）
.css（{
' margin-left' ：' 5px'
}）;
var c1 =

("<label></label>") .prop("id",i) .text("nanh"+i) .css({ 'margin-left': '5px' }); var c1=

（ < label>< / label>）
.prop（ id，i）
.text（ nanf + i）
.css（{
' margin-left' ：' 5px'
}）;

("<label></label>") .prop("id",i) .text("nanf"+i) .css({ 'margin-left': '5px' });

这篇关于使用javascript进行分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！