Question

我有一个由<br/>分隔的文本列表，我想在每次点击事件后使用随机随机播放每个动画，每次点击后的后顶部位置是随机确定的。

<html>
<body>
  <span id="text1">Text1</span>
  <span id="text2">Text2</span>
  <span id="text3">Text3</span>
</body>
</html>

Answer 1

试试这个

$('body').on('click',function(e){
    $('span').eq((e.pageX+e.pageY)%3).appendTo($('#container_div'));
    })

其中container_div是包含这些跨度的div的id ....在这种情况下，你可以只有'body'

实际上它不是随机的，但考虑到用户鼠标点击是随机的，它会给出随机结果......

如您所见，我将鼠标点击的x和y位置的总和取模数3 并选择该跨度（模数将为0,1或2）移动到列表的顶部