如何使用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。这个链接需要在变量link中，以便我可以使用它动态检索页面内容。 谢谢任何帮助 :)

- topbennie

Answer 1

你可以使用:first选择器：

:first选择器：

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

或者使用 :eq() 选择器：

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

- Frédéric Hamidi

Answer 2

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

如果您追求性能，可以尝试避免使用Sizzle选择器，因为这会使速度变慢：

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

- jAndy

---

谢谢，这很有用。42%的性能损失不容忽视。我会尝试在我的未来回答中提供两种策略（毕竟我们已经为LINQ做了类似的事情）。最快解决方案+1。 - Frédéric Hamidi

Answer 3

简单如此

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

- RobertPitt

---

不对，tabs 是一个类，不是一个 id。你要找的是 .tabs。 - Frédéric Hamidi