在JQuery中获取下一个元素的属性

11dmarpk  于 2023-06-05  发布在  jQuery
关注(0)|答案(2)|浏览(199)

我需要抓住下一个链接的href值时,悬停一系列的链接。我有这个

<div id="foo">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
</div>

$( "#foo a" ).hover(function() {
    var href = $(this).next().attr('href');
    console.log(href);
});

对我来说似乎很好,但我在控制台中得到了“未定义”。
我是jQuery的新手,但不是JS。有什么想法吗

pbgvytdp

pbgvytdp1#

next()[docs]方法只对直接同级有效。
您还没有提供HTML,所以我猜您需要使用parent()[docs]方法或closest()[docs]方法或其他方法遍历到一个共同的祖先,使用.next()遍历到下一个相邻的祖先,然后使用find()[docs]方法获得嵌套的<a>

kcrjzv8t

kcrjzv8t2#

怎么样

$('#foo a').hover(function () {
        var href = $(this).closest('li').next().find('a').attr('href');
    });

相关问题