如果条件满足jquery,如何将类添加到随机元素

时间:2015-10-07 15:33:33

标签: javascript jquery

我想一次为一个元素添加一个随机类。这完全适合我。但我需要检查一个条件,如果检查' 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');
});

1 个答案:

答案 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();
  }
}