Question

我想在每个页面加载时随机播放特定的DIV（基于类）。

注意我使用Wordpress主题，因此，如果不更改基本主题（我不愿意这样做），就无法完全控制HTML结构

str(testFunc(x,y,z))
#List of 3
# $ : num 1
# $ : num 2
# $ : num 3

父DIV类=＆＃34;随机播放＆＃34;

Child DIVs class =＆＃34; shuffle-child＆＃34;

我做错了什么？抱歉缺乏JS经验!!

Answer 1

对于您的特定场景，您可以使用https://stackoverflow.com/a/11972692/2413733 @ AlexeyLebedev使用Fischer-Yates Shuffle的答案来使用以下内容，以适应jQuery。

var shuffleKids = $('.shuffle-kids'), // the elements to shuffle
  shuffle = shuffleKids.parent(); // the container div

for (var i = shuffleKids.length; i >= 0; i--) {
  shuffle.append(shuffle.children()[Math.random() * i | 0]);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class='shuffle'>
  <div class='shuffle-kids'>milk</div>
  <div class='shuffle-kids'>butter</div>
  <div class='shuffle-kids'>eggs</div>
  <div class='shuffle-kids'>orange juice</div>
  <div class='shuffle-kids'>bananas</div>
</div>

根据班级仅洗牌一个孩子DIV

1 个答案: