如何將RANDOM中的Class（）添加到jQuery中的元素？

Question

的HTML/CSS：

<style> 
div.myWords p { display: hidden; } 
p.show { display: block; } 
</style> 

<div class="myWords"> 

<p>Hello</p> 
<p>Hola</p> 
<p>Bonjour</p> 

</div><!-- myWords --> 

我怎樣才能一次添加類「秀」給一個<p>元素隨意在文件準備好了？

換言之，每一頁面加載1個p標記應該是可見的時間和該p標記應該隨機選擇。

Answer 1

試試這個：

$(document).ready(function() { 
    var paras = $('div.myWords p'); 
    var rand = Math.floor(Math.random() * paras.length); 
    paras.eq(rand).addClass('show'); 
}); 

如果你試圖改變display: none到display: block，你可以從你的CSS省略show類只使用jQuery的，這樣的表現出來：

$(document).ready(function() { 
    var paras = $('div.myWords p'); 
    var rand = Math.floor(Math.random() * paras.length); 
    paras.eq(rand).show(); 
}); 

順便說一下，你需要改變你的CSS，使覆蓋工作。更改display: hidden;到display: none;和div.myWords類添加到您的第二個規則：

div.myWords p { display: none; } 
div.myWords p.show { display: block; }