色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

Jquery 遍歷list 集合 分割

張吉惟2年前8瀏覽0評論

Jquery是一款輕量級Javascript庫,可用于快速、簡潔地編寫JS代碼。在開發(fā)中我們經常需要遍歷數(shù)據(jù)集合,對其中的數(shù)據(jù)進行操作。本文將介紹Jquery如何遍歷list集合并將其分割。

首先,我們需要定義一個list集合:

<ul id="list">
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
<li>元素4</li>
<li>元素5</li>
<li>元素6</li>
<li>元素7</li>
<li>元素8</li>
<li>元素9</li>
<li>元素10</li>
</ul>

使用Jquery遍歷此list集合并分割的代碼如下:

$(document).ready(function(){
var listItems = $("#list li");
var listLen = listItems.length;
var itemsPerPage = 3;
var pages = Math.ceil(listLen / itemsPerPage);
for (var i = 0; i < pages; i++) {
$("#list").append("<div class='page'></div>");
var page = $(".page").last();
for (var j = 0; j < itemsPerPage; j++) {
var item = listItems.eq(i * itemsPerPage + j);
page.append(item);
}
}
});

以上代碼中,我們首先獲取了list集合,并計算出集合的長度和每頁顯示的元素個數(shù)。我們使用了for循環(huán)來遍歷list,并將每一頁的內容添加到一個新的div中。其中,內層的for循環(huán)用于遍歷每一頁中的元素,將其添加到對應的頁面中。

最終,我們將list集合分割成了多個頁面,并添加到了頁面上,實現(xiàn)了簡單的分頁效果。