隱藏的div並啓用單擊

Question

我有多行

<div class="row" id="move-data-row0"></div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 
<div class="row"></div> 

我想只有前三個要顯示和點擊一個按鈕3更應該出現。

我的第一個想法是給每個div一個索引的同一個類名，但我不知道應該如何實現JavaScript。

我開始試圖隱藏一個DIV，但並沒有真正的工作

$("#move-data-row0").children().prop('disabled',true); 

Answer 1

你可以使用這個小例子，或改進它得到你真正想要的：

HTML ：

<div class="row">1</div> 
<div class="row">2</div> 
<div class="row">3</div> 
<div class="row">4</div> 
<div class="row">5</div> 
<div class="row">6</div> 
<div class="row">7</div> 
<button>More</button> 

的JavaScript：

$(document).ready(function(){ 
    $('.row:gt(2)').hide(); 
    $('button').click(function(){ 
     $('.row:hidden:lt(3)').show(); 
    }); 
}); 

FIDDLE：https://jsfiddle.net/lmgonzalves/e0ppjwnm/