Question

我试图点击班级的最后一个锚元素

班级名称＆＃34; g1-pagination pagelinks＆＃34;锚点元素＆＃34;下一步＆gt;＆＃34;

这是我的HTML

<div class="Next-buttons">
 <nav class="g1-pagination pagelinks">
  <ul>
   <li>
     <a href="http://buzztache.com/with-you/"><span>&lt; BACK</span></a>
   </li> 
   <li>
     <a href="http://buzztache.com/with-you/3/"><span>NEXT &gt;</span></a>
   </li>
  </ul>
 </nav>
</div>

这是我尝试过的。

var nextlink = document.getElementsByClassName('g1-pagination pagelinks');
nextlink[0].lastElementChild.click();

Answer 1

你能尝试一下吗？

$('.Next-buttons').find('li:last a:first')[0].click();

信息：https://api.jquery.com/last-selector/

另一种方法（糟糕的方式）;

var link =  $('.Next-buttons').find('li:last a:first').attr('href');
window.location = link

或纯粹的js为（Credits：@itsgoingdown）;

nextlink[0].lastElementChild.getElementsByTagName('A')[0].click();

Answer 2

我知道你已经选择了一个答案（也是一个非常完整的答案），但我认为你不需要使用.find()，你应该能够一次性射击。

$('.Next-buttons li:last a:first')[0].click();

另外，对于可能尝试的人，.trigger('click')不会对锚标记起作用，除非您已向其添加了特定事件。您将始终需要使用[0].click()。

如何使用javascript点击最后一个子链接

2 个答案: