Question

我想访问mi <a>标记的href值，该标记位于具有id

的ul中

<ul id="nav-social">
    <li>
        <a class="waves-effect" href="link" target="_blank">
    </li>
    <li>
        <a class="waves-effect" href="link" target="_blank">
    </li>
</ul>

我只需要第一个链接，然后是另一个方法中的第二个链接

我试过这个

var href = $('a:first').attr('href');
var url = $('#nav-social').html(href);

但无效

Answer 1

您可以使用eq()方法。

var url1 = $("#nav-social li a").eq(0).attr("href")    //first
var url2 = $("#nav-social li a").eq(1).attr("href")    //second

Answer 2

$("#nav-social li a:first").attr("href")

$("#nav-social li a:last").attr("href") // if there are only 2 links

或者，您可以使用eq(index)

使用基于索引的选择

$("#nav-social li a").eq(0).attr("href"); // first link

$("#nav-social li a").eq(1).attr("href"); // second link

如何访问具有id的ul标签的href

2 个答案: