JQuery:单击准备好的文档上的随机链接

Question

我的页面上有五个链接，单击这些链接会在页面的另一部分显示不同的内容。每个链接都有一个 ID，我在文档上有一个简单的点击功能，可以选择第一个链接:

$('#link1').click();

如何让它在文档准备好后随机单击五个链接之一，而不是专门单击#link1？是的，我意识到点击函数可能不是处理这个问题的理想方法。

提前致谢!

Answer 1

smoov jQuery 的做事方式:

jQuery.jQueryRandom = 0;
jQuery.extend(jQuery.expr[":"], {
  random: function(a, i, m, r) {
     if (i == 0) {
         jQuery.jQueryRandom = Math.floor(Math.random() * r.length);
     };
     return i == jQuery.jQueryRandom;
 } });

<script type="text/javascript">
 $().ready(function() {
     alert($("a:random").click());
 }); 
 </script>

(我知道自定义选择器，但仍然无耻地从 here 窃取)

稍微不太平滑:

$(function() {
   var links = $('a');
   var randomNum = Math.floor(Math.random()*links.length)  
   links.get(randomNumber).click();
} 

如果您想要 ID 以链接开头的链接，您可以随时执行以下操作:

   var links = $("a[id^='link']");

现在无论您使用数字还是其他内容都不再重要。任何具有以链接开头的 ID 的内容。 (当然，您也可以将其应用于特定的 css 类)