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

时间:2015-09-17 11:29:01

标签: javascript jquery click

我按类选择器获取了一个标记数组,我想点击所有这些链接

例如

$('.sample')返回

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

当我致电$('.sample').click()时,只需点击数组的第一个元素

2 个答案:

答案 0 :(得分:0)

.get(0)将允许您定位数组中的第一个元素:

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

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

答案 1 :(得分:0)

检测兄弟姐妹,然后点击它们:

$('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>

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