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

How to click last child link using javascript

本文关键字：最后一个 链接 何使用 javascript      更新时间：2023-09-26

我正试图点击类的最后一个锚点元素

类名"g1分页pagelinks"Anchor Element"Next>"

这是我的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();

你能试试这个吗；

$('.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作为（署名：@itsgoingdown）；

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

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

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

此外，对于一些可能尝试的人来说，.trigger('click')不适用于锚标记，除非您向它们添加了特定的事件。您总是需要使用[0].click()。

相关文章：