我想一次为一个元素添加一个随机类。这完全适合我。但我需要检查一个条件,如果检查' class present避免使用p标记并为另一个元素添加随机类。
<p class='per'>Hello</p>
<p class='per'>Hola</p>
<p class='per changed'>abc</p>
<p class='per'>abc</p>
<p class='per changed'>djjd</p>
<p class='per'>sss</p>
Jquery的
$(document).ready(function() {
var paras = $('.per');
var rand = Math.floor(Math.random() * paras.length);
paras.eq(rand).addClass('random');
});
答案 0 :(得分:1)
您可以使用jQuery的hasClass方法来查看是否更改了类。这是codepen
JS:
$(document).ready(function() {
addRandomClass();
});
function addRandomClass() {
var paras = $('.per');
var rand = Math.floor(Math.random() * paras.length);
if(!paras.eq(rand).hasClass('changed')) {
paras.eq(rand).addClass('random');
} else {
addRandomClass();
}
}