单击查询选择器选择的所有链接

Question

我正在通过类选择器获取一个标签数组，我想单击所有这些链接

例如

$('.sample')返回

<a class="sample" href......</a>
<a class="sample" href......</a>
<a class="sample" href......</a>

当我调用$('.sample').click()仅单击数组的第一个元素

Answer 1

.get(0)将让您定位数组中的第一个元素：

 $('.sample').get(0).click();

因为当您执行$('.sample').click()时，列表中的第一个锚元素将执行click() ，并且它将开始导航到锚中指定的href ，这是文档开始卸载的位置，在窗口中加载一个新文档。

Answer 2

检测兄弟姐妹，然后按如下所示单击它们：

 $('a.sample').click(function(e) { var curLink=$(this); if (curLink.hasClass('clicked')) { setTimeout(function(){ curLink.removeClass('clicked'); },500); return false; } else { curLink.addClass('clicked'); $('p').append("<br>Clicked: " + curLink.text() + ';'); curLink.siblings().each(function() { $(this).click(); }); } }) 

 .clicked{color:purple} a{cursor:pointer} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a class="sample">1st link</a><br> <a class="sample">2nd link</a><br> <a class="sample">3rd link</a> <p></p> 

超时将删除该类，使您可以再次单击它们。 您还可以通过在每个循环中放置类似的超时来延迟每次点击。