如何在jQuery的ul列表中获取li的第一个href链接

Question

我有以下列表

 <ul class="tabs">
 <li><a href="testlink.php">First link</a></li>  
 <li><a href="testlink2.php">Second link</a></li>
 </ul>

我想抓住第一个链接的href。此链接需要在var链接中，因此我可以使用它来动态检索页面内容。 感谢您的帮助:)）

Answer 1

您可以使用:first选择器：

var url = $("ul.tabs a:first").attr("href");

或:eq()选择器：

var url = $("ul.tabs a:eq(0)").attr("href");

Answer 2

$(function() {
    var href = $('ul.tabs').find('a').slice(0,1).attr('href');
});

这非常快，如果你在演出后试图避开Sizzle选择器：

http://jsperf.com/selector-sizzle-vs-methods

Answer 3

简单如

var link = $(".tabs li:first a").attr("href");