想要從jquery mobile中的一個數據角色加載第一個10格

Question

我剛剛在學習階段jquery mobile新手我已經創建了一個文件，其中有5個數據角色頁面，每個數據角色頁面都包含30個div，要的是我想加載只有10 div的第一，

當我點擊HTML5加載HTML5第30周的div同時我想10格加載第一和旁邊點擊加載另一個10個div的 這裏是[小提琴]（http://jsfiddle.net/pfxyLqLh/3/） 結構是這樣

<div data-role="page" id="html5"> 
<div class="div1"> 
</div> 
<div class="div1"> 
</div> 
. 
. 
. 
<div class="div1"> 
</div> 
</div> 
<div data-role="page" id="css"> 
<div class="div1"> 
</div> 
<div class="div1"> 
</div> 
. 
. 
. 
<div class="div1"> 
</div> 
</div> 
<div data-role="page" id="jquery"> 
<div class="div1"> 
</div> 
<div class="div1"> 
</div> 
. 
. 
. 
<div class="div1"> 
</div> 
</div> 

我試着寫簡單的jQuery與

<script> 
$(document).ready(function() { 

$("#html5 .div1").slice(0, 10).each(function(index) { 
    alert("dfdf"); 
}); 
}); 
</script> 

但沒有成功這將是巨大的，如果有人幫我在這 感謝

Answer 1

嘗試

var i=2;// two show 2 box 
$("#html5 .div1").slice(i-2, i).show(); 
i+=2; 
$("button").click(function() { 
    $("#html5 .div1").hide().slice(i-2, i).show(); 
    i+=2; 

}); 

DEMO

注意：我只用2個div顯示，你有t o改爲10