2016-03-28 62 views
2

我想点击类的最后一个锚元素如何使用javascript

类名称为“G1-分页pagelinks”锚元素“下一步>”

上点击最后一个子链接

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

回答

4

你可以试试这个;

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

or pure js as(Credits:@itsgoingdown);

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

是!结果是元素的href。 – CodyMan

+1

或'nextlink [0] .lastElementChild.getElementsByTagName('A')[0] .click();'如果你想坚持香草js –

+0

抱歉。只需使用“点击”方法来点击它。我写了一个“attr('href')”的例子,你可以写点击或者什么的:D对不起...... –

1

我知道你已经选择了一个答案(而且是一个非常完整的一个),但我不认为你需要使用.find(),你应该能够只是一次性的目标。

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

而且,只是对一些谁可以尝试,.trigger('click')不会对锚标签,除非你已经添加了一个特定的事件对他们的工作。您将始终需要使用[0].click()